Color #9CB3F2

Color Code #9CB3F2

A precise look at this Blue color with standard values, coordinated palettes, contrast and practical examples.

BlueLight
Color preview#9CB3F2
Conversions

Complete color values

Every value is calculated directly from the HEX code. CMYK is an approximation for print workflows.

HEX
#9CB3F2
RGB
rgb(156, 179, 242)
HSL
hsl(223.95 76.79% 78.04%)
HSV
hsv(223.95 35.54% 94.9%)
CMYKApproximate
35.54%, 26.03%, 0%, 5.1%
Relative luminance0.45720—1
Contrast with white2.07:1WCAG
Contrast with black10.14:1WCAG
Best text color#000000AA ✓

Contrast report

Readability against white and black text

Readable text sample2.07:1
AA ×AAA ×
Readable text sample10.14:1
AA ✓AAA ✓
Usage suggestions

Where can this color work?

This light Blue tone can be considered for prominent surfaces, identity elements and visual emphasis.

Use #9CB3F2 for normal text only when the contrast ratio reaches at least 4.5:1. Large text may pass at 3:1.

Color harmony

Suggested palettes

Complementary palette

Analogous palette

Triadic palette

Monochrome scale

For designers and developers

CSS code example

CSS
.color-sample {
  color: #9CB3F2;
  background-color: #9CB3F21A;
  border-color: #9CB3F2;
}

Frequently asked questions

What is the RGB value of #9CB3F2?

This color is RGB(156, 179, 242).

What is the HSL value of #9CB3F2?

Its value is HSL(223.95°, 76.79%, 78.04%).

Is #9CB3F2 suitable for text?

Readability depends on the background. The contrast ratio and WCAG results on this page provide the relevant checks.