#9cafcd hex color

In a RGB color space, hex #9cafcd is composed of 61.2% red, 68.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 14.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 216.7 degrees, a saturation of 32.9% and a lightness of 70.8%. #9cafcd color hex could be obtained by blending #ffffff with #395f9b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 69
- B 80
RGB color chart
- C 24
- M 15
- Y 0
- K 20
CMYK color chart

● #9cafcd color description : Grayish blue.

The hexadecimal color #9cafcd has RGB values of R:156, G:175, B:205 and CMYK values of C:0.24, M:0.15, Y:0, K:0.2. Its decimal value is 10268621.

Hex triplet	9cafcd	`#9cafcd`
RGB Decimal	156, 175, 205	`rgb(156,175,205)`
RGB Percent	61.2, 68.6, 80.4	`rgb(61.2%,68.6%,80.4%)`
CMYK	24, 15, 0, 20
HSL	216.7°, 32.9, 70.8	`hsl(216.7,32.9%,70.8%)`
HSV (or HSB)	216.7°, 23.9, 80.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.964, 0.03, -17.401
XYZ	40.057, 42.135, 63.777
xyY	0.274, 0.289, 42.135
CIE-LCH	70.964, 17.401, 270.098
CIE-LUV	70.964, -11.312, -26.875
Hunter-Lab	64.911, -3.441, -12.816
Binary	10011100, 10101111, 11001101

#9cafcd
```
#9cafcd rgb(156,175,205)
```
#cdba9c
```
#cdba9c rgb(205,186,156)
```

Complementary Color

#9cc8cd
```
#9cc8cd rgb(156,200,205)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#a29ccd
```
#a29ccd rgb(162,156,205)
```

Analogous Color

#c8cd9c
```
#c8cd9c rgb(200,205,156)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#cda29c
```
#cda29c rgb(205,162,156)
```

Split Complementary Color

#afcd9c
```
#afcd9c rgb(175,205,156)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#cd9caf
```
#cd9caf rgb(205,156,175)
```

Triadic Color

#9ccdba
```
#9ccdba rgb(156,205,186)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#cd9caf
```
#cd9caf rgb(205,156,175)
```
#cdba9c
```
#cdba9c rgb(205,186,156)
```

Tetradic Color

#6986b3
```
#6986b3 rgb(105,134,179)
```
#7a94bc
```
#7a94bc rgb(122,148,188)
```
#8ba1c4
```
#8ba1c4 rgb(139,161,196)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#adbdd6
```
#adbdd6 rgb(173,189,214)
```
#becade
```
#becade rgb(190,202,222)
```
#cfd8e7
```
#cfd8e7 rgb(207,216,231)
```

Monochromatic Color

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

#9cbbcd
```
#9cbbcd rgb(156,187,205)
```
#9cb7cd
```
#9cb7cd rgb(156,183,205)
```
#9cb3cd
```
#9cb3cd rgb(156,179,205)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#9cabcd
```
#9cabcd rgb(156,171,205)
```
#9ca7cd
```
#9ca7cd rgb(156,167,205)
```
#9ca3cd
```
#9ca3cd rgb(156,163,205)
```

Similar Colors

Text with hexadecimal color #9cafcd

This text has a font color of #9cafcd.

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

#9cafcd background color

This paragraph has a background color of #9cafcd.

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

#9cafcd border color

This element has a border color of #9cafcd.

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

CSS codes

.text {color:#9cafcd;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#10161f
```
#10161f rgb(16,22,31)
```
#161f2c
```
#161f2c rgb(22,31,44)
```
#1d2839
```
#1d2839 rgb(29,40,57)
```
#243146
```
#243146 rgb(36,49,70)
```
#2a3a53
```
#2a3a53 rgb(42,58,83)
```
#314360
```
#314360 rgb(49,67,96)
```
#374c6e
```
#374c6e rgb(55,76,110)
```
#3e557b
```
#3e557b rgb(62,85,123)
```
#445f88
```
#445f88 rgb(68,95,136)
```
#4b6895
```
#4b6895 rgb(75,104,149)
```
#5271a2
```
#5271a2 rgb(82,113,162)
```

Shade Color Variation

#5b7aac
```
#5b7aac rgb(91,122,172)
```
#6885b3
```
#6885b3 rgb(104,133,179)
```
#758fb9
```
#758fb9 rgb(117,143,185)
```
#829ac0
```
#829ac0 rgb(130,154,192)
```
#8fa4c6
```
#8fa4c6 rgb(143,164,198)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#a9bad4
```
#a9bad4 rgb(169,186,212)
```
#b6c4da
```
#b6c4da rgb(182,196,218)
```
#c3cfe1
```
#c3cfe1 rgb(195,207,225)
```
#d0d9e7
```
#d0d9e7 rgb(208,217,231)
```
#dde4ee
```
#dde4ee rgb(221,228,238)
```
#eaeef4
```
#eaeef4 rgb(234,238,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#b3b4b6
```
#b3b4b6 rgb(179,180,182)
```
#adb3bc
```
#adb3bc rgb(173,179,188)
```
#a7b2c2
```
#a7b2c2 rgb(167,178,194)
```
#a2b0c7
```
#a2b0c7 rgb(162,176,199)
```
#9cafcd
```
#9cafcd rgb(156,175,205)
```
#96aed3
```
#96aed3 rgb(150,174,211)
```
#91acd8
```
#91acd8 rgb(145,172,216)
```
#8babde
```
#8babde rgb(139,171,222)
```
#85aae4
```
#85aae4 rgb(133,170,228)
```
#7fa9ea
```
#7fa9ea rgb(127,169,234)
```
#7aa7ef
```
#7aa7ef rgb(122,167,239)
```
#74a6f5
```
#74a6f5 rgb(116,166,245)
```
#6ea5fb
```
#6ea5fb rgb(110,165,251)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#aaadb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0cd Protanopia 1% of men
#b2aed1 Deuteranopia 1% of men
#9db5c2 Tritanopia 0.001% of the population

Trichromacy

#a6afcd Protanomaly 1% of men, 0.01% of women
#aaaecf Deuteranomaly 6% of men, 0.4% of women
#9db3c6 Tritanomaly 0.01% of the population

#9cafcd hex color

#9cafcd Color Information

#9cafcd Color Conversion

Color Schemes with #9cafcd

Alternatives to #9cafcd

#9cafcd Preview

Shades and Tints of #9cafcd

Tones of #9cafcd

Color Blindness Simulator