#9caebf hex color

In a RGB color space, hex #9caebf is composed of 61.2% red, 68.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 8.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 209.1 degrees, a saturation of 21.5% and a lightness of 68%. #9caebf color hex could be obtained by blending #ffffff with #395d7f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 68
- B 75
RGB color chart
- C 18
- M 9
- Y 0
- K 25
CMYK color chart

● #9caebf color description : Grayish blue.

The hexadecimal color #9caebf has RGB values of R:156, G:174, B:191 and CMYK values of C:0.18, M:0.09, Y:0, K:0.25. Its decimal value is 10268351.

Hex triplet	9caebf	`#9caebf`
RGB Decimal	156, 174, 191	`rgb(156,174,191)`
RGB Percent	61.2, 68.2, 74.9	`rgb(61.2%,68.2%,74.9%)`
CMYK	18, 9, 0, 25
HSL	209.1°, 21.5, 68	`hsl(209.1,21.5%,68%)`
HSV (or HSB)	209.1°, 18.3, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.247, -2.609, -10.778
XYZ	38.248, 41.101, 55.205
xyY	0.284, 0.305, 41.101
CIE-LCH	70.247, 11.09, 256.391
CIE-LUV	70.247, -10.364, -15.923
Hunter-Lab	64.11, -5.699, -6.178
Binary	10011100, 10101110, 10111111

#9caebf
```
#9caebf rgb(156,174,191)
```
#bfad9c
```
#bfad9c rgb(191,173,156)
```

Complementary Color

#9cbfbf
```
#9cbfbf rgb(156,191,191)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#9c9dbf
```
#9c9dbf rgb(156,157,191)
```

Analogous Color

#bfbf9c
```
#bfbf9c rgb(191,191,156)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#bf9c9d
```
#bf9c9d rgb(191,156,157)
```

Split Complementary Color

#aebf9c
```
#aebf9c rgb(174,191,156)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#bf9cae
```
#bf9cae rgb(191,156,174)
```

Triadic Color

#9cbfad
```
#9cbfad rgb(156,191,173)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#bf9cae
```
#bf9cae rgb(191,156,174)
```
#bfad9c
```
#bfad9c rgb(191,173,156)
```

Tetradic Color

#6e88a1
```
#6e88a1 rgb(110,136,161)
```
#7d95ab
```
#7d95ab rgb(125,149,171)
```
#8da1b5
```
#8da1b5 rgb(141,161,181)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#abbbc9
```
#abbbc9 rgb(171,187,201)
```
#bbc7d3
```
#bbc7d3 rgb(187,199,211)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```

Monochromatic Color

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

#9cb7bf
```
#9cb7bf rgb(156,183,191)
```
#9cb4bf
```
#9cb4bf rgb(156,180,191)
```
#9cb1bf
```
#9cb1bf rgb(156,177,191)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#9cabbf
```
#9cabbf rgb(156,171,191)
```
#9ca8bf
```
#9ca8bf rgb(156,168,191)
```
#9ca5bf
```
#9ca5bf rgb(156,165,191)
```

Similar Colors

Text with hexadecimal color #9caebf

This text has a font color of #9caebf.

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

#9caebf background color

This paragraph has a background color of #9caebf.

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

#9caebf border color

This element has a border color of #9caebf.

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

CSS codes

.text {color:#9caebf;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1114
```
#0d1114 rgb(13,17,20)
```
#151b20
```
#151b20 rgb(21,27,32)
```
#1c242c
```
#1c242c rgb(28,36,44)
```
#242e38
```
#242e38 rgb(36,46,56)
```
#2c3844
```
#2c3844 rgb(44,56,68)
```
#344250
```
#344250 rgb(52,66,80)
```
#3b4c5c
```
#3b4c5c rgb(59,76,92)
```
#435668
```
#435668 rgb(67,86,104)
```
#4b6073
```
#4b6073 rgb(75,96,115)
```
#52697f
```
#52697f rgb(82,105,127)
```
#5a738b
```
#5a738b rgb(90,115,139)
```
#627d97
```
#627d97 rgb(98,125,151)
```

Shade Color Variation

#6c87a0
```
#6c87a0 rgb(108,135,160)
```
#7891a8
```
#7891a8 rgb(120,145,168)
```
#849bb0
```
#849bb0 rgb(132,155,176)
```
#90a4b7
```
#90a4b7 rgb(144,164,183)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#a8b8c7
```
#a8b8c7 rgb(168,184,199)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#c0cbd6
```
#c0cbd6 rgb(192,203,214)
```
#ccd5de
```
#ccd5de rgb(204,213,222)
```
#d8dfe6
```
#d8dfe6 rgb(216,223,230)
```
#e3e8ed
```
#e3e8ed rgb(227,232,237)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#a9aeb2
```
#a9aeb2 rgb(169,174,178)
```
#a2aeb9
```
#a2aeb9 rgb(162,174,185)
```
#9caebf
```
#9caebf rgb(156,174,191)
```
#96aec5
```
#96aec5 rgb(150,174,197)
```
#8faecc
```
#8faecc rgb(143,174,204)
```
#89afd2
```
#89afd2 rgb(137,175,210)
```
#83afd8
```
#83afd8 rgb(131,175,216)
```
#7dafde
```
#7dafde rgb(125,175,222)
```
#76afe5
```
#76afe5 rgb(118,175,229)
```
#70afeb
```
#70afeb rgb(112,175,235)
```
#6aaff1
```
#6aaff1 rgb(106,175,241)
```
#64b0f7
```
#64b0f7 rgb(100,176,247)
```
#5db0fe
```
#5db0fe rgb(93,176,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a8acaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaec0 Protanopia 1% of men
#b6abc4 Deuteranopia 1% of men
#a0b2bf Tritanopia 0.001% of the population

Trichromacy

#a7aebf Protanomaly 1% of men, 0.01% of women
#acacc2 Deuteranomaly 6% of men, 0.4% of women
#9eb0bf Tritanomaly 0.01% of the population

#9caebf hex color

#9caebf Color Information

#9caebf Color Conversion

Color Schemes with #9caebf

Alternatives to #9caebf

#9caebf Preview

Shades and Tints of #9caebf

Tones of #9caebf

Color Blindness Simulator