#9caafe hex color

In a RGB color space, hex #9caafe is composed of 61.2% red, 66.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 33.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.4 degrees, a saturation of 98% and a lightness of 80.4%. #9caafe color hex could be obtained by blending #ffffff with #3955fd. Closest websafe color is: #9999ff.

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

● #9caafe color description : Very soft blue.

The hexadecimal color #9caafe has RGB values of R:156, G:170, B:254 and CMYK values of C:0.39, M:0.33, Y:0, K:0. Its decimal value is 10267390.

Hex triplet	9caafe	`#9caafe`
RGB Decimal	156, 170, 254	`rgb(156,170,254)`
RGB Percent	61.2, 66.7, 99.6	`rgb(61.2%,66.7%,99.6%)`
CMYK	39, 33, 0, 0
HSL	231.4°, 98, 80.4	`hsl(231.4,98%,80.4%)`
HSV (or HSB)	231.4°, 38.6, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.536, 15.171, -43.244
XYZ	45.971, 42.972, 99.633
xyY	0.244, 0.228, 42.972
CIE-LCH	71.536, 45.828, 289.332
CIE-LUV	71.536, -11.155, -72.039
Hunter-Lab	65.553, 10.46, -44.227
Binary	10011100, 10101010, 11111110

#9caafe
```
#9caafe rgb(156,170,254)
```
#fef09c
```
#fef09c rgb(254,240,156)
```

Complementary Color

#9cdbfe
```
#9cdbfe rgb(156,219,254)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#bf9cfe
```
#bf9cfe rgb(191,156,254)
```

Analogous Color

#dbfe9c
```
#dbfe9c rgb(219,254,156)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#febf9c
```
#febf9c rgb(254,191,156)
```

Split Complementary Color

#aafe9c
```
#aafe9c rgb(170,254,156)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#fe9caa
```
#fe9caa rgb(254,156,170)
```

Triadic Color

#9cfef0
```
#9cfef0 rgb(156,254,240)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#fe9caa
```
#fe9caa rgb(254,156,170)
```
#fef09c
```
#fef09c rgb(254,240,156)
```

Tetradic Color

#5069fd
```
#5069fd rgb(80,105,253)
```
#6a7ffd
```
#6a7ffd rgb(106,127,253)
```
#8394fe
```
#8394fe rgb(131,148,254)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#b5c0fe
```
#b5c0fe rgb(181,192,254)
```
#ced5ff
```
#ced5ff rgb(206,213,255)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```

Monochromatic Color

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

#9cc3fe
```
#9cc3fe rgb(156,195,254)
```
#9cbafe
```
#9cbafe rgb(156,186,254)
```
#9cb2fe
```
#9cb2fe rgb(156,178,254)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```
#9e9cfe
```
#9e9cfe rgb(158,156,254)
```
#a79cfe
```
#a79cfe rgb(167,156,254)
```

Similar Colors

Text with hexadecimal color #9caafe

This text has a font color of #9caafe.

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

#9caafe background color

This paragraph has a background color of #9caafe.

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

#9caafe border color

This element has a border color of #9caafe.

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

CSS codes

.text {color:#9caafe;}

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

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

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, #000312 is the darkest color, while #fdfdff is the lightest one.

#000312
```
#000312 rgb(0,3,18)
```
#000625
```
#000625 rgb(0,6,37)
```
#010938
```
#010938 rgb(1,9,56)
```
#010b4c
```
#010b4c rgb(1,11,76)
```
#010e5f
```
#010e5f rgb(1,14,95)
```
#011173
```
#011173 rgb(1,17,115)
```
#011486
```
#011486 rgb(1,20,134)
```
#021799
```
#021799 rgb(2,23,153)
```
#021aad
```
#021aad rgb(2,26,173)
```
#021dc0
```
#021dc0 rgb(2,29,192)
```
#0220d4
```
#0220d4 rgb(2,32,212)
```
#0223e7
```
#0223e7 rgb(2,35,231)
```
#0326fb
```
#0326fb rgb(3,38,251)
```

Shade Color Variation

#1435fd
```
#1435fd rgb(20,53,253)
```
#2746fd
```
#2746fd rgb(39,70,253)
```
#3b57fd
```
#3b57fd rgb(59,87,253)
```
#4e67fd
```
#4e67fd rgb(78,103,253)
```
#6278fd
```
#6278fd rgb(98,120,253)
```
#7589fe
```
#7589fe rgb(117,137,254)
```
#8999fe
```
#8999fe rgb(137,153,254)
```
#9caafe
```
#9caafe rgb(156,170,254)
```
#afbbfe
```
#afbbfe rgb(175,187,254)
```
#c3cbfe
```
#c3cbfe rgb(195,203,254)
```
#d6dcff
```
#d6dcff rgb(214,220,255)
```
#eaedff
```
#eaedff rgb(234,237,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#cacbd0
```
#cacbd0 rgb(202,203,208)
```
#c6c8d4
```
#c6c8d4 rgb(198,200,212)
```
#c2c5d8
```
#c2c5d8 rgb(194,197,216)
```
#bfc3db
```
#bfc3db rgb(191,195,219)
```
#bbc0df
```
#bbc0df rgb(187,192,223)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#b3bae7
```
#b3bae7 rgb(179,186,231)
```
#afb8eb
```
#afb8eb rgb(175,184,235)
```
#abb5ef
```
#abb5ef rgb(171,181,239)
```
#a8b2f2
```
#a8b2f2 rgb(168,178,242)
```
#a4aff6
```
#a4aff6 rgb(164,175,246)
```
#a0adfa
```
#a0adfa rgb(160,173,250)
```
#9caafe
```
#9caafe rgb(156,170,254)
```

Tone Color Variation

Below, you can see how #9caafe 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

#97b0ff Protanopia 1% of men
#92b2fc Deuteranopia 1% of men
#90b9c7 Tritanopia 0.001% of the population

Trichromacy

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

#9caafe hex color

#9caafe Color Information

#9caafe Color Conversion

Color Schemes with #9caafe

Alternatives to #9caafe

#9caafe Preview

Shades and Tints of #9caafe

Tones of #9caafe

Color Blindness Simulator