#9caafd hex color

In a RGB color space, hex #9caafd is composed of 61.2% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 231.3 degrees, a saturation of 96% and a lightness of 80.2%. #9caafd color hex could be obtained by blending #ffffff with #3955fb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 67
- B 99
RGB color chart
- C 38
- M 33
- Y 0
- K 1
CMYK color chart

● #9caafd color description : Very soft blue.

The hexadecimal color #9caafd has RGB values of R:156, G:170, B:253 and CMYK values of C:0.38, M:0.33, Y:0, K:0.01. Its decimal value is 10267389.

Hex triplet	9caafd	`#9caafd`
RGB Decimal	156, 170, 253	`rgb(156,170,253)`
RGB Percent	61.2, 66.7, 99.2	`rgb(61.2%,66.7%,99.2%)`
CMYK	38, 33, 0, 1
HSL	231.3°, 96, 80.2	`hsl(231.3,96%,80.2%)`
HSV (or HSB)	231.3°, 38.3, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.492, 14.903, -42.771
XYZ	45.811, 42.908, 98.791
xyY	0.244, 0.229, 42.908
CIE-LCH	71.492, 45.293, 289.21
CIE-LUV	71.492, -11.113, -71.196
Hunter-Lab	65.504, 10.204, -43.566
Binary	10011100, 10101010, 11111101

#9caafd
```
#9caafd rgb(156,170,253)
```
#fdef9c
```
#fdef9c rgb(253,239,156)
```

Complementary Color

#9cdbfd
```
#9cdbfd rgb(156,219,253)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#bf9cfd
```
#bf9cfd rgb(191,156,253)
```

Analogous Color

#dbfd9c
```
#dbfd9c rgb(219,253,156)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#fdbf9c
```
#fdbf9c rgb(253,191,156)
```

Split Complementary Color

#aafd9c
```
#aafd9c rgb(170,253,156)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#fd9caa
```
#fd9caa rgb(253,156,170)
```

Triadic Color

#9cfdef
```
#9cfdef rgb(156,253,239)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#fd9caa
```
#fd9caa rgb(253,156,170)
```
#fdef9c
```
#fdef9c rgb(253,239,156)
```

Tetradic Color

#516afb
```
#516afb rgb(81,106,251)
```
#6a7ffc
```
#6a7ffc rgb(106,127,252)
```
#8395fc
```
#8395fc rgb(131,149,252)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#b5bffe
```
#b5bffe rgb(181,191,254)
```
#ced5fe
```
#ced5fe rgb(206,213,254)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```

Monochromatic Color

Below, you can see some colors close to #9caafd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9cc2fd
```
#9cc2fd rgb(156,194,253)
```
#9cbafd
```
#9cbafd rgb(156,186,253)
```
#9cb2fd
```
#9cb2fd rgb(156,178,253)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#9ca2fd
```
#9ca2fd rgb(156,162,253)
```
#9e9cfd
```
#9e9cfd rgb(158,156,253)
```
#a69cfd
```
#a69cfd rgb(166,156,253)
```

Similar Colors

Text with hexadecimal color #9caafd

This text has a font color of #9caafd.

<span style="color:#9caafd;">Text here</span>

#9caafd background color

This paragraph has a background color of #9caafd.

<p style="background-color:#9caafd;">Content here</p>

#9caafd border color

This element has a border color of #9caafd.

<div style="border:1px solid #9caafd;">Content here</div>

CSS codes

.text {color:#9caafd;}

.background {background-color:#9caafd;}

.border {border:1px solid #9caafd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000310 is the darkest color, while #fcfdff is the lightest one.

#000310
```
#000310 rgb(0,3,16)
```
#010624
```
#010624 rgb(1,6,36)
```
#010937
```
#010937 rgb(1,9,55)
```
#010c4a
```
#010c4a rgb(1,12,74)
```
#020f5d
```
#020f5d rgb(2,15,93)
```
#021270
```
#021270 rgb(2,18,112)
```
#031584
```
#031584 rgb(3,21,132)
```
#031897
```
#031897 rgb(3,24,151)
```
#031caa
```
#031caa rgb(3,28,170)
```
#041fbd
```
#041fbd rgb(4,31,189)
```
#0422d1
```
#0422d1 rgb(4,34,209)
```
#0525e4
```
#0525e4 rgb(5,37,228)
```
#0528f7
```
#0528f7 rgb(5,40,247)
```

Shade Color Variation

#1536fa
```
#1536fa rgb(21,54,250)
```
#2947fb
```
#2947fb rgb(41,71,251)
```
#3c57fb
```
#3c57fb rgb(60,87,251)
```
#4f68fb
```
#4f68fb rgb(79,104,251)
```
#6278fc
```
#6278fc rgb(98,120,252)
```
#7689fc
```
#7689fc rgb(118,137,252)
```
#8999fd
```
#8999fd rgb(137,153,253)
```
#9caafd
```
#9caafd rgb(156,170,253)
```
#afbbfd
```
#afbbfd rgb(175,187,253)
```
#c2cbfe
```
#c2cbfe rgb(194,203,254)
```
#d6dcfe
```
#d6dcfe rgb(214,220,254)
```
#e9ecff
```
#e9ecff rgb(233,236,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #cbcbce is the less saturated color, while #9caafd is the most saturated one.

#cbcbce
```
#cbcbce rgb(203,203,206)
```
#c7c8d2
```
#c7c8d2 rgb(199,200,210)
```
#c3c6d6
```
#c3c6d6 rgb(195,198,214)
```
#bfc3da
```
#bfc3da rgb(191,195,218)
```
#bbc0de
```
#bbc0de rgb(187,192,222)
```
#b7bde2
```
#b7bde2 rgb(183,189,226)
```
#b3bbe6
```
#b3bbe6 rgb(179,187,230)
```
#afb8ea
```
#afb8ea rgb(175,184,234)
```
#acb5ed
```
#acb5ed rgb(172,181,237)
```
#a8b2f1
```
#a8b2f1 rgb(168,178,241)
```
#a4b0f5
```
#a4b0f5 rgb(164,176,245)
```
#a0adf9
```
#a0adf9 rgb(160,173,249)
```
#9caafd
```
#9caafd rgb(156,170,253)
```

Tone Color Variation

Below, you can see how #9caafd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#afafaf Achromatopsia 0.005% of the population
#abaebf Atypical Achromatopsia 0.001% of the population

Dichromacy

#97b0fe Protanopia 1% of men
#93b2fb Deuteranopia 1% of men
#90b9c7 Tritanopia 0.001% of the population

Trichromacy

#98aefe Protanomaly 1% of men, 0.01% of women
#96affc Deuteranomaly 6% of men, 0.4% of women
#94b4da Tritanomaly 0.01% of the population

#9caafd hex color

#9caafd Color Information

#9caafd Color Conversion

Color Schemes with #9caafd

Alternatives to #9caafd

#9caafd Preview

Shades and Tints of #9caafd

Tones of #9caafd

Color Blindness Simulator