#9ca9cf hex color

In a RGB color space, hex #9ca9cf is composed of 61.2% red, 66.3% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 18.4% magenta, 0% yellow and 18.8% black. It has a hue angle of 224.7 degrees, a saturation of 34.7% and a lightness of 71.2%. #9ca9cf color hex could be obtained by blending #ffffff with #39539f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 66
- B 81
RGB color chart
- C 25
- M 18
- Y 0
- K 19
CMYK color chart

● #9ca9cf color description : Grayish blue.

The hexadecimal color #9ca9cf has RGB values of R:156, G:169, B:207 and CMYK values of C:0.25, M:0.18, Y:0, K:0.19. Its decimal value is 10267087.

Hex triplet	9ca9cf	`#9ca9cf`
RGB Decimal	156, 169, 207	`rgb(156,169,207)`
RGB Percent	61.2, 66.3, 81.2	`rgb(61.2%,66.3%,81.2%)`
CMYK	25, 18, 0, 19
HSL	224.7°, 34.7, 71.2	`hsl(224.7,34.7%,71.2%)`
HSV (or HSB)	224.7°, 24.6, 81.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.433, 3.804, -20.824
XYZ	39.158, 39.948, 64.676
xyY	0.272, 0.278, 39.948
CIE-LCH	69.433, 21.169, 280.353
CIE-LUV	69.433, -8.729, -32.87
Hunter-Lab	63.205, -0.018, -16.427
Binary	10011100, 10101001, 11001111

#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#cfc29c
```
#cfc29c rgb(207,194,156)
```

Complementary Color

#9cc3cf
```
#9cc3cf rgb(156,195,207)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#a99ccf
```
#a99ccf rgb(169,156,207)
```

Analogous Color

#c3cf9c
```
#c3cf9c rgb(195,207,156)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#cfa99c
```
#cfa99c rgb(207,169,156)
```

Split Complementary Color

#a9cf9c
```
#a9cf9c rgb(169,207,156)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#cf9ca9
```
#cf9ca9 rgb(207,156,169)
```

Triadic Color

#9ccfc2
```
#9ccfc2 rgb(156,207,194)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#cf9ca9
```
#cf9ca9 rgb(207,156,169)
```
#cfc29c
```
#cfc29c rgb(207,194,156)
```

Tetradic Color

#687cb6
```
#687cb6 rgb(104,124,182)
```
#7a8bbe
```
#7a8bbe rgb(122,139,190)
```
#8b9ac7
```
#8b9ac7 rgb(139,154,199)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#adb8d7
```
#adb8d7 rgb(173,184,215)
```
#bec7e0
```
#bec7e0 rgb(190,199,224)
```
#d0d6e8
```
#d0d6e8 rgb(208,214,232)
```

Monochromatic Color

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

#9cb6cf
```
#9cb6cf rgb(156,182,207)
```
#9cb2cf
```
#9cb2cf rgb(156,178,207)
```
#9cadcf
```
#9cadcf rgb(156,173,207)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#9ca5cf
```
#9ca5cf rgb(156,165,207)
```
#9ca1cf
```
#9ca1cf rgb(156,161,207)
```
#9c9ccf
```
#9c9ccf rgb(156,156,207)
```

Similar Colors

Text with hexadecimal color #9ca9cf

This text has a font color of #9ca9cf.

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

#9ca9cf background color

This paragraph has a background color of #9ca9cf.

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

#9ca9cf border color

This element has a border color of #9ca9cf.

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

CSS codes

.text {color:#9ca9cf;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0c14
```
#0a0c14 rgb(10,12,20)
```
#101421
```
#101421 rgb(16,20,33)
```
#161d2e
```
#161d2e rgb(22,29,46)
```
#1d253c
```
#1d253c rgb(29,37,60)
```
#232d49
```
#232d49 rgb(35,45,73)
```
#2a3556
```
#2a3556 rgb(42,53,86)
```
#303d63
```
#303d63 rgb(48,61,99)
```
#364570
```
#364570 rgb(54,69,112)
```
#3d4d7e
```
#3d4d7e rgb(61,77,126)
```
#43568b
```
#43568b rgb(67,86,139)
```
#4a5e98
```
#4a5e98 rgb(74,94,152)
```
#5066a5
```
#5066a5 rgb(80,102,165)
```

Shade Color Variation

#5a70af
```
#5a70af rgb(90,112,175)
```
#677bb5
```
#677bb5 rgb(103,123,181)
```
#7487bc
```
#7487bc rgb(116,135,188)
```
#8292c2
```
#8292c2 rgb(130,146,194)
```
#8f9ec9
```
#8f9ec9 rgb(143,158,201)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#a9b4d5
```
#a9b4d5 rgb(169,180,213)
```
#b6c0dc
```
#b6c0dc rgb(182,192,220)
```
#c4cbe2
```
#c4cbe2 rgb(196,203,226)
```
#d1d7e9
```
#d1d7e9 rgb(209,215,233)
```
#dee2ef
```
#dee2ef rgb(222,226,239)
```
#ebeef5
```
#ebeef5 rgb(235,238,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#b3b4b8
```
#b3b4b8 rgb(179,180,184)
```
#adb1be
```
#adb1be rgb(173,177,190)
```
#a7afc4
```
#a7afc4 rgb(167,175,196)
```
#a2acc9
```
#a2acc9 rgb(162,172,201)
```
#9ca9cf
```
#9ca9cf rgb(156,169,207)
```
#96a6d5
```
#96a6d5 rgb(150,166,213)
```
#91a3da
```
#91a3da rgb(145,163,218)
```
#8ba1e0
```
#8ba1e0 rgb(139,161,224)
```
#859ee6
```
#859ee6 rgb(133,158,230)
```
#809beb
```
#809beb rgb(128,155,235)
```
#7a98f1
```
#7a98f1 rgb(122,152,241)
```
#7496f7
```
#7496f7 rgb(116,150,247)
```
#6f93fc
```
#6f93fc rgb(111,147,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a6a9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5acd0 Protanopia 1% of men
#aaaad2 Deuteranopia 1% of men
#9cb1bd Tritanopia 0.001% of the population

Trichromacy

#a1abd0 Protanomaly 1% of men, 0.01% of women
#a5aad1 Deuteranomaly 6% of men, 0.4% of women
#9caec4 Tritanomaly 0.01% of the population

#9ca9cf hex color

#9ca9cf Color Information

#9ca9cf Color Conversion

Color Schemes with #9ca9cf

Alternatives to #9ca9cf

#9ca9cf Preview

Shades and Tints of #9ca9cf

Tones of #9ca9cf

Color Blindness Simulator