#96a7be hex color

In a RGB color space, hex #96a7be is composed of 58.8% red, 65.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 12.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 214.5 degrees, a saturation of 23.5% and a lightness of 66.7%. #96a7be color hex could be obtained by blending #ffffff with #2d4f7d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 65
- B 75
RGB color chart
- C 21
- M 12
- Y 0
- K 25
CMYK color chart

● #96a7be color description : Grayish blue.

The hexadecimal color #96a7be has RGB values of R:150, G:167, B:190 and CMYK values of C:0.21, M:0.12, Y:0, K:0.25. Its decimal value is 9873342.

Hex triplet	96a7be	`#96a7be`
RGB Decimal	150, 167, 190	`rgb(150,167,190)`
RGB Percent	58.8, 65.5, 74.5	`rgb(58.8%,65.5%,74.5%)`
CMYK	21, 12, 0, 25
HSL	214.5°, 23.5, 66.7	`hsl(214.5,23.5%,66.7%)`
HSV (or HSB)	214.5°, 21.1, 74.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.901, -0.926, -13.785
XYZ	35.689, 37.839, 54.136
xyY	0.28, 0.296, 37.839
CIE-LCH	67.901, 13.816, 266.156
CIE-LUV	67.901, -10.06, -20.805
Hunter-Lab	61.513, -4.085, -9.12
Binary	10010110, 10100111, 10111110

#96a7be
```
#96a7be rgb(150,167,190)
```
#bead96
```
#bead96 rgb(190,173,150)
```

Complementary Color

#96bbbe
```
#96bbbe rgb(150,187,190)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#9996be
```
#9996be rgb(153,150,190)
```

Analogous Color

#bbbe96
```
#bbbe96 rgb(187,190,150)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#be9996
```
#be9996 rgb(190,153,150)
```

Split Complementary Color

#a7be96
```
#a7be96 rgb(167,190,150)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#be96a7
```
#be96a7 rgb(190,150,167)
```

Triadic Color

#96bead
```
#96bead rgb(150,190,173)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#be96a7
```
#be96a7 rgb(190,150,167)
```
#bead96
```
#bead96 rgb(190,173,150)
```

Tetradic Color

#677fa1
```
#677fa1 rgb(103,127,161)
```
#778dab
```
#778dab rgb(119,141,171)
```
#869ab4
```
#869ab4 rgb(134,154,180)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#a6b4c8
```
#a6b4c8 rgb(166,180,200)
```
#b6c1d2
```
#b6c1d2 rgb(182,193,210)
```
#c5cfdb
```
#c5cfdb rgb(197,207,219)
```

Monochromatic Color

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

#96b1be
```
#96b1be rgb(150,177,190)
```
#96aebe
```
#96aebe rgb(150,174,190)
```
#96aabe
```
#96aabe rgb(150,170,190)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#96a4be
```
#96a4be rgb(150,164,190)
```
#96a0be
```
#96a0be rgb(150,160,190)
```
#969dbe
```
#969dbe rgb(150,157,190)
```

Similar Colors

Text with hexadecimal color #96a7be

This text has a font color of #96a7be.

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

#96a7be background color

This paragraph has a background color of #96a7be.

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

#96a7be border color

This element has a border color of #96a7be.

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

CSS codes

.text {color:#96a7be;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0d10
```
#0a0d10 rgb(10,13,16)
```
#12161c
```
#12161c rgb(18,22,28)
```
#192028
```
#192028 rgb(25,32,40)
```
#212935
```
#212935 rgb(33,41,53)
```
#283241
```
#283241 rgb(40,50,65)
```
#303c4d
```
#303c4d rgb(48,60,77)
```
#374559
```
#374559 rgb(55,69,89)
```
#3f4f65
```
#3f4f65 rgb(63,79,101)
```
#465871
```
#465871 rgb(70,88,113)
```
#4e627d
```
#4e627d rgb(78,98,125)
```
#556b89
```
#556b89 rgb(85,107,137)
```
#5d7595
```
#5d7595 rgb(93,117,149)
```

Shade Color Variation

#667ea0
```
#667ea0 rgb(102,126,160)
```
#7289a8
```
#7289a8 rgb(114,137,168)
```
#7e93af
```
#7e93af rgb(126,147,175)
```
#8a9db7
```
#8a9db7 rgb(138,157,183)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#a2b1c6
```
#a2b1c6 rgb(162,177,198)
```
#aebbcd
```
#aebbcd rgb(174,187,205)
```
#bac5d5
```
#bac5d5 rgb(186,197,213)
```
#c6d0dc
```
#c6d0dc rgb(198,208,220)
```
#d3dae4
```
#d3dae4 rgb(211,218,228)
```
#dfe4eb
```
#dfe4eb rgb(223,228,235)
```
#ebeef3
```
#ebeef3 rgb(235,238,243)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

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

#aaaaaa
```
#aaaaaa rgb(170,170,170)
```
#a3a9b1
```
#a3a9b1 rgb(163,169,177)
```
#9da8b7
```
#9da8b7 rgb(157,168,183)
```
#96a7be
```
#96a7be rgb(150,167,190)
```
#8fa6c5
```
#8fa6c5 rgb(143,166,197)
```
#89a5cb
```
#89a5cb rgb(137,165,203)
```
#82a4d2
```
#82a4d2 rgb(130,164,210)
```
#7ca3d8
```
#7ca3d8 rgb(124,163,216)
```
#75a2df
```
#75a2df rgb(117,162,223)
```
#6fa1e5
```
#6fa1e5 rgb(111,161,229)
```
#68a0ec
```
#68a0ec rgb(104,160,236)
```
#629ff2
```
#629ff2 rgb(98,159,242)
```
#5b9ef9
```
#5b9ef9 rgb(91,158,249)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a2a5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a8bf Protanopia 1% of men
#ada6c3 Deuteranopia 1% of men
#99acb9 Tritanopia 0.001% of the population

Trichromacy

#a0a8bf Protanomaly 1% of men, 0.01% of women
#a4a6c1 Deuteranomaly 6% of men, 0.4% of women
#98aabb Tritanomaly 0.01% of the population

#96a7be hex color

#96a7be Color Information

#96a7be Color Conversion

Color Schemes with #96a7be

Alternatives to #96a7be

#96a7be Preview

Shades and Tints of #96a7be

Tones of #96a7be

Color Blindness Simulator