#96b6cc hex color

In a RGB color space, hex #96b6cc is composed of 58.8% red, 71.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 10.8% magenta, 0% yellow and 20% black. It has a hue angle of 204.4 degrees, a saturation of 34.6% and a lightness of 69.4%. #96b6cc color hex could be obtained by blending #ffffff with #2d6d99. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 59
- G 71
- B 80
RGB color chart
- C 26
- M 11
- Y 0
- K 20
CMYK color chart

● #96b6cc color description : Slightly desaturated blue.

The hexadecimal color #96b6cc has RGB values of R:150, G:182, B:204 and CMYK values of C:0.26, M:0.11, Y:0, K:0.2. Its decimal value is 9877196.

Hex triplet	96b6cc	`#96b6cc`
RGB Decimal	150, 182, 204	`rgb(150,182,204)`
RGB Percent	58.8, 71.4, 80	`rgb(58.8%,71.4%,80%)`
CMYK	26, 11, 0, 20
HSL	204.4°, 34.6, 69.4	`hsl(204.4,34.6%,69.4%)`
HSV (or HSB)	204.4°, 26.5, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.428, -5.828, -14.684
XYZ	40.202, 44.298, 63.556
xyY	0.272, 0.299, 44.298
CIE-LCH	72.428, 15.799, 248.352
CIE-LUV	72.428, -17.169, -21.702
Hunter-Lab	66.557, -8.656, -10.026
Binary	10010110, 10110110, 11001100

#96b6cc
```
#96b6cc rgb(150,182,204)
```
#ccac96
```
#ccac96 rgb(204,172,150)
```

Complementary Color

#96ccc7
```
#96ccc7 rgb(150,204,199)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#969bcc
```
#969bcc rgb(150,155,204)
```

Analogous Color

#ccc796
```
#ccc796 rgb(204,199,150)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#cc969b
```
#cc969b rgb(204,150,155)
```

Split Complementary Color

#b6cc96
```
#b6cc96 rgb(182,204,150)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#cc96b6
```
#cc96b6 rgb(204,150,182)
```

Triadic Color

#96ccac
```
#96ccac rgb(150,204,172)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#cc96b6
```
#cc96b6 rgb(204,150,182)
```
#ccac96
```
#ccac96 rgb(204,172,150)
```

Tetradic Color

#6392b3
```
#6392b3 rgb(99,146,179)
```
#749ebb
```
#749ebb rgb(116,158,187)
```
#85aac4
```
#85aac4 rgb(133,170,196)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#a7c2d4
```
#a7c2d4 rgb(167,194,212)
```
#b8cedd
```
#b8cedd rgb(184,206,221)
```
#c9dae5
```
#c9dae5 rgb(201,218,229)
```

Monochromatic Color

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

#96c4cc
```
#96c4cc rgb(150,196,204)
```
#96bfcc
```
#96bfcc rgb(150,191,204)
```
#96bbcc
```
#96bbcc rgb(150,187,204)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#96b2cc
```
#96b2cc rgb(150,178,204)
```
#96adcc
```
#96adcc rgb(150,173,204)
```
#96a9cc
```
#96a9cc rgb(150,169,204)
```

Similar Colors

Text with hexadecimal color #96b6cc

This text has a font color of #96b6cc.

<span style="color:#96b6cc;">Text here</span>

#96b6cc background color

This paragraph has a background color of #96b6cc.

<p style="background-color:#96b6cc;">Content here</p>

#96b6cc border color

This element has a border color of #96b6cc.

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

CSS codes

.text {color:#96b6cc;}

.background {background-color:#96b6cc;}

.border {border:1px solid #96b6cc;}

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

#000001
```
#000001 rgb(0,0,1)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0d151b
```
#0d151b rgb(13,21,27)
```
#142028
```
#142028 rgb(20,32,40)
```
#1a2a35
```
#1a2a35 rgb(26,42,53)
```
#203543
```
#203543 rgb(32,53,67)
```
#273f50
```
#273f50 rgb(39,63,80)
```
#2d4a5d
```
#2d4a5d rgb(45,74,93)
```
#34546a
```
#34546a rgb(52,84,106)
```
#3a5e77
```
#3a5e77 rgb(58,94,119)
```
#406985
```
#406985 rgb(64,105,133)
```
#477392
```
#477392 rgb(71,115,146)
```
#4d7e9f
```
#4d7e9f rgb(77,126,159)
```

Shade Color Variation

#5488ac
```
#5488ac rgb(84,136,172)
```
#6191b2
```
#6191b2 rgb(97,145,178)
```
#6e9ab9
```
#6e9ab9 rgb(110,154,185)
```
#7ca4bf
```
#7ca4bf rgb(124,164,191)
```
#89adc6
```
#89adc6 rgb(137,173,198)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#a3bfd2
```
#a3bfd2 rgb(163,191,210)
```
#b0c8d9
```
#b0c8d9 rgb(176,200,217)
```
#bed2df
```
#bed2df rgb(190,210,223)
```
#cbdbe6
```
#cbdbe6 rgb(203,219,230)
```
#d8e4ec
```
#d8e4ec rgb(216,228,236)
```
#e5edf2
```
#e5edf2 rgb(229,237,242)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#aeb2b4
```
#aeb2b4 rgb(174,178,180)
```
#a8b3ba
```
#a8b3ba rgb(168,179,186)
```
#a2b4c0
```
#a2b4c0 rgb(162,180,192)
```
#9cb5c6
```
#9cb5c6 rgb(156,181,198)
```
#96b6cc
```
#96b6cc rgb(150,182,204)
```
#90b7d2
```
#90b7d2 rgb(144,183,210)
```
#8ab8d8
```
#8ab8d8 rgb(138,184,216)
```
#84b9de
```
#84b9de rgb(132,185,222)
```
#7ebae4
```
#7ebae4 rgb(126,186,228)
```
#78bcea
```
#78bcea rgb(120,188,234)
```
#72bdf0
```
#72bdf0 rgb(114,189,240)
```
#6cbef6
```
#6cbef6 rgb(108,190,246)
```
#66bffc
```
#66bffc rgb(102,191,252)
```

Tone Color Variation

Below, you can see how #96b6cc 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
#aab0b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b4cb Protanopia 1% of men
#b8b1d1 Deuteranopia 1% of men
#99bac8 Tritanopia 0.001% of the population

Trichromacy

#a7b4cb Protanomaly 1% of men, 0.01% of women
#abb3cf Deuteranomaly 6% of men, 0.4% of women
#98b9c9 Tritanomaly 0.01% of the population

#96b6cc hex color

#96b6cc Color Information

#96b6cc Color Conversion

Color Schemes with #96b6cc

Alternatives to #96b6cc

#96b6cc Preview

Shades and Tints of #96b6cc

Tones of #96b6cc

Color Blindness Simulator