#96aad2 hex color

In a RGB color space, hex #96aad2 is composed of 58.8% red, 66.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 19% magenta, 0% yellow and 17.6% black. It has a hue angle of 220 degrees, a saturation of 40% and a lightness of 70.6%. #96aad2 color hex could be obtained by blending #ffffff with #2d55a5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 67
- B 82
RGB color chart
- C 29
- M 19
- Y 0
- K 18
CMYK color chart

● #96aad2 color description : Slightly desaturated blue.

The hexadecimal color #96aad2 has RGB values of R:150, G:170, B:210 and CMYK values of C:0.29, M:0.19, Y:0, K:0.18. Its decimal value is 9874130.

Hex triplet	96aad2	`#96aad2`
RGB Decimal	150, 170, 210	`rgb(150,170,210)`
RGB Percent	58.8, 66.7, 82.4	`rgb(58.8%,66.7%,82.4%)`
CMYK	29, 19, 0, 18
HSL	220°, 40, 70.6	`hsl(220,40%,70.6%)`
HSV (or HSB)	220°, 28.6, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.388, 2.164, -22.582
XYZ	38.583, 39.886, 66.635
xyY	0.266, 0.275, 39.886
CIE-LCH	69.388, 22.685, 275.474
CIE-LUV	69.388, -12.091, -35.488
Hunter-Lab	63.155, -1.472, -18.348
Binary	10010110, 10101010, 11010010

#96aad2
```
#96aad2 rgb(150,170,210)
```
#d2be96
```
#d2be96 rgb(210,190,150)
```

Complementary Color

#96c8d2
```
#96c8d2 rgb(150,200,210)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#a096d2
```
#a096d2 rgb(160,150,210)
```

Analogous Color

#c8d296
```
#c8d296 rgb(200,210,150)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#d2a096
```
#d2a096 rgb(210,160,150)
```

Split Complementary Color

#aad296
```
#aad296 rgb(170,210,150)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#d296aa
```
#d296aa rgb(210,150,170)
```

Triadic Color

#96d2be
```
#96d2be rgb(150,210,190)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#d296aa
```
#d296aa rgb(210,150,170)
```
#d2be96
```
#d2be96 rgb(210,190,150)
```

Tetradic Color

#607fbb
```
#607fbb rgb(96,127,187)
```
#728dc3
```
#728dc3 rgb(114,141,195)
```
#849cca
```
#849cca rgb(132,156,202)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#a8b8da
```
#a8b8da rgb(168,184,218)
```
#bac7e1
```
#bac7e1 rgb(186,199,225)
```
#ccd5e9
```
#ccd5e9 rgb(204,213,233)
```

Monochromatic Color

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

#96b9d2
```
#96b9d2 rgb(150,185,210)
```
#96b4d2
```
#96b4d2 rgb(150,180,210)
```
#96afd2
```
#96afd2 rgb(150,175,210)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#96a5d2
```
#96a5d2 rgb(150,165,210)
```
#96a0d2
```
#96a0d2 rgb(150,160,210)
```
#969bd2
```
#969bd2 rgb(150,155,210)
```

Similar Colors

Text with hexadecimal color #96aad2

This text has a font color of #96aad2.

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

#96aad2 background color

This paragraph has a background color of #96aad2.

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

#96aad2 border color

This element has a border color of #96aad2.

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

CSS codes

.text {color:#96aad2;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080c13
```
#080c13 rgb(8,12,19)
```
#0e1420
```
#0e1420 rgb(14,20,32)
```
#141d2e
```
#141d2e rgb(20,29,46)
```
#1a253c
```
#1a253c rgb(26,37,60)
```
#202e4a
```
#202e4a rgb(32,46,74)
```
#253657
```
#253657 rgb(37,54,87)
```
#2b3f65
```
#2b3f65 rgb(43,63,101)
```
#314773
```
#314773 rgb(49,71,115)
```
#375080
```
#375080 rgb(55,80,128)
```
#3d588e
```
#3d588e rgb(61,88,142)
```
#43619c
```
#43619c rgb(67,97,156)
```
#4969aa
```
#4969aa rgb(73,105,170)
```

Shade Color Variation

#5172b5
```
#5172b5 rgb(81,114,181)
```
#5f7eba
```
#5f7eba rgb(95,126,186)
```
#6d89c0
```
#6d89c0 rgb(109,137,192)
```
#7b94c6
```
#7b94c6 rgb(123,148,198)
```
#889fcc
```
#889fcc rgb(136,159,204)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#a4b5d8
```
#a4b5d8 rgb(164,181,216)
```
#b1c0de
```
#b1c0de rgb(177,192,222)
```
#bfcbe4
```
#bfcbe4 rgb(191,203,228)
```
#cdd6ea
```
#cdd6ea rgb(205,214,234)
```
#dbe2ef
```
#dbe2ef rgb(219,226,239)
```
#e8edf5
```
#e8edf5 rgb(232,237,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#b3b4b5
```
#b3b4b5 rgb(179,180,181)
```
#adb2bb
```
#adb2bb rgb(173,178,187)
```
#a7b0c1
```
#a7b0c1 rgb(167,176,193)
```
#a2aec6
```
#a2aec6 rgb(162,174,198)
```
#9caccc
```
#9caccc rgb(156,172,204)
```
#96aad2
```
#96aad2 rgb(150,170,210)
```
#90a8d8
```
#90a8d8 rgb(144,168,216)
```
#8aa6de
```
#8aa6de rgb(138,166,222)
```
#85a4e3
```
#85a4e3 rgb(133,164,227)
```
#7fa2e9
```
#7fa2e9 rgb(127,162,233)
```
#79a0ef
```
#79a0ef rgb(121,160,239)
```
#739ef5
```
#739ef5 rgb(115,158,245)
```
#6e9dfa
```
#6e9dfa rgb(110,157,250)
```

Tone Color Variation

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

Dichromacy

#a4acd2 Protanopia 1% of men
#a8aad5 Deuteranopia 1% of men
#95b2bf Tritanopia 0.001% of the population

Trichromacy

#9fabd2 Protanomaly 1% of men, 0.01% of women
#a1aad4 Deuteranomaly 6% of men, 0.4% of women
#95afc6 Tritanomaly 0.01% of the population

#96aad2 hex color

#96aad2 Color Information

#96aad2 Color Conversion

Color Schemes with #96aad2

Alternatives to #96aad2

#96aad2 Preview

Shades and Tints of #96aad2

Tones of #96aad2

Color Blindness Simulator