#96bdcc hex color

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

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

● #96bdcc color description : Slightly desaturated blue.

The hexadecimal color #96bdcc has RGB values of R:150, G:189, B:204 and CMYK values of C:0.26, M:0.07, Y:0, K:0.2. Its decimal value is 9878988.

Hex triplet	96bdcc	`#96bdcc`
RGB Decimal	150, 189, 204	`rgb(150,189,204)`
RGB Percent	58.8, 74.1, 80	`rgb(58.8%,74.1%,80%)`
CMYK	26, 7, 0, 20
HSL	196.7°, 34.6, 69.4	`hsl(196.7,34.6%,69.4%)`
HSV (or HSB)	196.7°, 26.5, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.341, -9.559, -11.813
XYZ	41.672, 47.238, 64.046
xyY	0.272, 0.309, 47.238
CIE-LCH	74.341, 15.196, 231.019
CIE-LUV	74.341, -20.256, -16.623
Hunter-Lab	68.73, -12.049, -7.139
Binary	10010110, 10111101, 11001100

#96bdcc
```
#96bdcc rgb(150,189,204)
```
#cca596
```
#cca596 rgb(204,165,150)
```

Complementary Color

#96ccc0
```
#96ccc0 rgb(150,204,192)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#96a2cc
```
#96a2cc rgb(150,162,204)
```

Analogous Color

#ccc096
```
#ccc096 rgb(204,192,150)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#cc96a2
```
#cc96a2 rgb(204,150,162)
```

Split Complementary Color

#bdcc96
```
#bdcc96 rgb(189,204,150)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#cc96bd
```
#cc96bd rgb(204,150,189)
```

Triadic Color

#96cca5
```
#96cca5 rgb(150,204,165)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#cc96bd
```
#cc96bd rgb(204,150,189)
```
#cca596
```
#cca596 rgb(204,165,150)
```

Tetradic Color

#639db3
```
#639db3 rgb(99,157,179)
```
#74a7bb
```
#74a7bb rgb(116,167,187)
```
#85b2c4
```
#85b2c4 rgb(133,178,196)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#a7c8d4
```
#a7c8d4 rgb(167,200,212)
```
#b8d3dd
```
#b8d3dd rgb(184,211,221)
```
#c9dde5
```
#c9dde5 rgb(201,221,229)
```

Monochromatic Color

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

#96cbcc
```
#96cbcc rgb(150,203,204)
```
#96c6cc
```
#96c6cc rgb(150,198,204)
```
#96c2cc
```
#96c2cc rgb(150,194,204)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#96b9cc
```
#96b9cc rgb(150,185,204)
```
#96b4cc
```
#96b4cc rgb(150,180,204)
```
#96b0cc
```
#96b0cc rgb(150,176,204)
```

Similar Colors

Text with hexadecimal color #96bdcc

This text has a font color of #96bdcc.

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

#96bdcc background color

This paragraph has a background color of #96bdcc.

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

#96bdcc border color

This element has a border color of #96bdcc.

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

CSS codes

.text {color:#96bdcc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070c0e
```
#070c0e rgb(7,12,14)
```
#0d171b
```
#0d171b rgb(13,23,27)
```
#142228
```
#142228 rgb(20,34,40)
```
#1a2e35
```
#1a2e35 rgb(26,46,53)
```
#203943
```
#203943 rgb(32,57,67)
```
#274450
```
#274450 rgb(39,68,80)
```
#2d505d
```
#2d505d rgb(45,80,93)
```
#345b6a
```
#345b6a rgb(52,91,106)
```
#3a6677
```
#3a6677 rgb(58,102,119)
```
#407285
```
#407285 rgb(64,114,133)
```
#477d92
```
#477d92 rgb(71,125,146)
```
#4d889f
```
#4d889f rgb(77,136,159)
```

Shade Color Variation

#5494ac
```
#5494ac rgb(84,148,172)
```
#619cb2
```
#619cb2 rgb(97,156,178)
```
#6ea4b9
```
#6ea4b9 rgb(110,164,185)
```
#7cacbf
```
#7cacbf rgb(124,172,191)
```
#89b5c6
```
#89b5c6 rgb(137,181,198)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#a3c5d2
```
#a3c5d2 rgb(163,197,210)
```
#b0ced9
```
#b0ced9 rgb(176,206,217)
```
#bed6df
```
#bed6df rgb(190,214,223)
```
#cbdee6
```
#cbdee6 rgb(203,222,230)
```
#d8e6ec
```
#d8e6ec rgb(216,230,236)
```
#e5eff2
```
#e5eff2 rgb(229,239,242)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,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 #66d2fc is the most saturated one.

#aeb2b4
```
#aeb2b4 rgb(174,178,180)
```
#a8b5ba
```
#a8b5ba rgb(168,181,186)
```
#a2b8c0
```
#a2b8c0 rgb(162,184,192)
```
#9cbac6
```
#9cbac6 rgb(156,186,198)
```
#96bdcc
```
#96bdcc rgb(150,189,204)
```
#90c0d2
```
#90c0d2 rgb(144,192,210)
```
#8ac2d8
```
#8ac2d8 rgb(138,194,216)
```
#84c5de
```
#84c5de rgb(132,197,222)
```
#7ec8e4
```
#7ec8e4 rgb(126,200,228)
```
#78caea
```
#78caea rgb(120,202,234)
```
#72cdf0
```
#72cdf0 rgb(114,205,240)
```
#6cd0f6
```
#6cd0f6 rgb(108,208,246)
```
#66d2fc
```
#66d2fc rgb(102,210,252)
```

Tone Color Variation

Below, you can see how #96bdcc 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

#b3b3b3 Achromatopsia 0.005% of the population
#adb5b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b9ca Protanopia 1% of men
#c0b6d2 Deuteranopia 1% of men
#9bc0ce Tritanopia 0.001% of the population

Trichromacy

#acbacb Protanomaly 1% of men, 0.01% of women
#b0b8cf Deuteranomaly 6% of men, 0.4% of women
#99bfcd Tritanomaly 0.01% of the population

#96bdcc hex color

#96bdcc Color Information

#96bdcc Color Conversion

Color Schemes with #96bdcc

Alternatives to #96bdcc

#96bdcc Preview

Shades and Tints of #96bdcc

Tones of #96bdcc

Color Blindness Simulator