#95a2af hex color

In a RGB color space, hex #95a2af is composed of 58.4% red, 63.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 7.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 210 degrees, a saturation of 14% and a lightness of 63.5%. #95a2af color hex could be obtained by blending #ffffff with #2b455f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 58
- G 64
- B 69
RGB color chart
- C 15
- M 7
- Y 0
- K 31
CMYK color chart

● #95a2af color description : Dark grayish blue.

The hexadecimal color #95a2af has RGB values of R:149, G:162, B:175 and CMYK values of C:0.15, M:0.07, Y:0, K:0.31. Its decimal value is 9806511.

Hex triplet	95a2af	`#95a2af`
RGB Decimal	149, 162, 175	`rgb(149,162,175)`
RGB Percent	58.4, 63.5, 68.6	`rgb(58.4%,63.5%,68.6%)`
CMYK	15, 7, 0, 31
HSL	210°, 14, 63.5	`hsl(210,14%,63.5%)`
HSV (or HSB)	210°, 14.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	66.001, -1.849, -8.289
XYZ	33.051, 35.325, 45.632
xyY	0.29, 0.31, 35.325
CIE-LCH	66.001, 8.493, 257.423
CIE-LUV	66.001, -7.661, -12.049
Hunter-Lab	59.435, -4.749, -3.917
Binary	10010101, 10100010, 10101111

#95a2af
```
#95a2af rgb(149,162,175)
```
#afa295
```
#afa295 rgb(175,162,149)
```

Complementary Color

#95afaf
```
#95afaf rgb(149,175,175)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#9595af
```
#9595af rgb(149,149,175)
```

Analogous Color

#afaf95
```
#afaf95 rgb(175,175,149)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#af9595
```
#af9595 rgb(175,149,149)
```

Split Complementary Color

#a2af95
```
#a2af95 rgb(162,175,149)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#af95a2
```
#af95a2 rgb(175,149,162)
```

Triadic Color

#95afa2
```
#95afa2 rgb(149,175,162)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#af95a2
```
#af95a2 rgb(175,149,162)
```
#afa295
```
#afa295 rgb(175,162,149)
```

Tetradic Color

#6a7c8d
```
#6a7c8d rgb(106,124,141)
```
#788999
```
#788999 rgb(120,137,153)
```
#8695a4
```
#8695a4 rgb(134,149,164)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#a4afba
```
#a4afba rgb(164,175,186)
```
#b2bcc5
```
#b2bcc5 rgb(178,188,197)
```
#c1c8d0
```
#c1c8d0 rgb(193,200,208)
```

Monochromatic Color

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

#95a9af
```
#95a9af rgb(149,169,175)
```
#95a6af
```
#95a6af rgb(149,166,175)
```
#95a4af
```
#95a4af rgb(149,164,175)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#95a0af
```
#95a0af rgb(149,160,175)
```
#959eaf
```
#959eaf rgb(149,158,175)
```
#959caf
```
#959caf rgb(149,156,175)
```

Similar Colors

Text with hexadecimal color #95a2af

This text has a font color of #95a2af.

<span style="color:#95a2af;">Text here</span>

#95a2af background color

This paragraph has a background color of #95a2af.

<p style="background-color:#95a2af;">Content here</p>

#95a2af border color

This element has a border color of #95a2af.

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

CSS codes

.text {color:#95a2af;}

.background {background-color:#95a2af;}

.border {border:1px solid #95a2af;}

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

#040506
```
#040506 rgb(4,5,6)
```
#0d0f11
```
#0d0f11 rgb(13,15,17)
```
#15191c
```
#15191c rgb(21,25,28)
```
#1e2327
```
#1e2327 rgb(30,35,39)
```
#262c33
```
#262c33 rgb(38,44,51)
```
#2f363e
```
#2f363e rgb(47,54,62)
```
#374049
```
#374049 rgb(55,64,73)
```
#3f4a54
```
#3f4a54 rgb(63,74,84)
```
#48545f
```
#48545f rgb(72,84,95)
```
#505d6a
```
#505d6a rgb(80,93,106)
```
#596776
```
#596776 rgb(89,103,118)
```
#617181
```
#617181 rgb(97,113,129)
```
#6a7b8c
```
#6a7b8c rgb(106,123,140)
```

Shade Color Variation

#738596
```
#738596 rgb(115,133,150)
```
#7f8e9e
```
#7f8e9e rgb(127,142,158)
```
#8a98a7
```
#8a98a7 rgb(138,152,167)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#a0acb7
```
#a0acb7 rgb(160,172,183)
```
#abb6c0
```
#abb6c0 rgb(171,182,192)
```
#b7bfc8
```
#b7bfc8 rgb(183,191,200)
```
#c2c9d1
```
#c2c9d1 rgb(194,201,209)
```
#cdd3d9
```
#cdd3d9 rgb(205,211,217)
```
#d8dde2
```
#d8dde2 rgb(216,221,226)
```
#e3e7ea
```
#e3e7ea rgb(227,231,234)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca2a8 is the less saturated color, while #46a2fe is the most saturated one.

#9ca2a8
```
#9ca2a8 rgb(156,162,168)
```
#95a2af
```
#95a2af rgb(149,162,175)
```
#8ea2b6
```
#8ea2b6 rgb(142,162,182)
```
#87a2bd
```
#87a2bd rgb(135,162,189)
```
#80a2c4
```
#80a2c4 rgb(128,162,196)
```
#78a2cc
```
#78a2cc rgb(120,162,204)
```
#71a2d3
```
#71a2d3 rgb(113,162,211)
```
#6aa2da
```
#6aa2da rgb(106,162,218)
```
#63a2e1
```
#63a2e1 rgb(99,162,225)
```
#5ca2e8
```
#5ca2e8 rgb(92,162,232)
```
#55a2ef
```
#55a2ef rgb(85,162,239)
```
#4da2f7
```
#4da2f7 rgb(77,162,247)
```
#46a2fe
```
#46a2fe rgb(70,162,254)
```

Tone Color Variation

Below, you can see how #95a2af 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

#a0a0a0 Achromatopsia 0.005% of the population
#9ea0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b1 Protanopia 1% of men
#aca1b5 Deuteranopia 1% of men
#9aa6b2 Tritanopia 0.001% of the population

Trichromacy

#9ea3b0 Protanomaly 1% of men, 0.01% of women
#a4a1b2 Deuteranomaly 6% of men, 0.4% of women
#98a5b1 Tritanomaly 0.01% of the population

#95a2af hex color

#95a2af Color Information

#95a2af Color Conversion

Color Schemes with #95a2af

Alternatives to #95a2af

#95a2af Preview

Shades and Tints of #95a2af

Tones of #95a2af

Color Blindness Simulator