#90afbd hex color

In a RGB color space, hex #90afbd is composed of 56.5% red, 68.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 7.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 198.7 degrees, a saturation of 25.4% and a lightness of 65.3%. #90afbd color hex could be obtained by blending #ffffff with #215f7b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 56
- G 69
- B 74
RGB color chart
- C 24
- M 7
- Y 0
- K 26
CMYK color chart

● #90afbd color description : Grayish blue.

The hexadecimal color #90afbd has RGB values of R:144, G:175, B:189 and CMYK values of C:0.24, M:0.07, Y:0, K:0.26. Its decimal value is 9482173.

Hex triplet	90afbd	`#90afbd`
RGB Decimal	144, 175, 189	`rgb(144,175,189)`
RGB Percent	56.5, 68.6, 74.1	`rgb(56.5%,68.6%,74.1%)`
CMYK	24, 7, 0, 26
HSL	198.7°, 25.4, 65.3	`hsl(198.7,25.4%,65.3%)`
HSV (or HSB)	198.7°, 23.8, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.656, -7.394, -10.642
XYZ	36.015, 40.262, 54.015
xyY	0.276, 0.309, 40.262
CIE-LCH	69.656, 12.958, 235.209
CIE-LUV	69.656, -16.493, -14.952
Hunter-Lab	63.453, -9.728, -6.055
Binary	10010000, 10101111, 10111101

#90afbd
```
#90afbd rgb(144,175,189)
```
#bd9e90
```
#bd9e90 rgb(189,158,144)
```

Complementary Color

#90bdb5
```
#90bdb5 rgb(144,189,181)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#9099bd
```
#9099bd rgb(144,153,189)
```

Analogous Color

#bdb590
```
#bdb590 rgb(189,181,144)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#bd9099
```
#bd9099 rgb(189,144,153)
```

Split Complementary Color

#afbd90
```
#afbd90 rgb(175,189,144)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#bd90af
```
#bd90af rgb(189,144,175)
```

Triadic Color

#90bd9e
```
#90bd9e rgb(144,189,158)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#bd90af
```
#bd90af rgb(189,144,175)
```
#bd9e90
```
#bd9e90 rgb(189,158,144)
```

Tetradic Color

#608ca0
```
#608ca0 rgb(96,140,160)
```
#7098aa
```
#7098aa rgb(112,152,170)
```
#80a3b3
```
#80a3b3 rgb(128,163,179)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#a0bbc7
```
#a0bbc7 rgb(160,187,199)
```
#b0c6d0
```
#b0c6d0 rgb(176,198,208)
```
#c0d2da
```
#c0d2da rgb(192,210,218)
```

Monochromatic Color

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

#90babd
```
#90babd rgb(144,186,189)
```
#90b7bd
```
#90b7bd rgb(144,183,189)
```
#90b3bd
```
#90b3bd rgb(144,179,189)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#90abbd
```
#90abbd rgb(144,171,189)
```
#90a8bd
```
#90a8bd rgb(144,168,189)
```
#90a4bd
```
#90a4bd rgb(144,164,189)
```

Similar Colors

Text with hexadecimal color #90afbd

This text has a font color of #90afbd.

<span style="color:#90afbd;">Text here</span>

#90afbd background color

This paragraph has a background color of #90afbd.

<p style="background-color:#90afbd;">Content here</p>

#90afbd border color

This element has a border color of #90afbd.

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

CSS codes

.text {color:#90afbd;}

.background {background-color:#90afbd;}

.border {border:1px solid #90afbd;}

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, #070a0c is the darkest color, while #ffffff is the lightest one.

#070a0c
```
#070a0c rgb(7,10,12)
```
#0e1518
```
#0e1518 rgb(14,21,24)
```
#162025
```
#162025 rgb(22,32,37)
```
#1d2b31
```
#1d2b31 rgb(29,43,49)
```
#24353d
```
#24353d rgb(36,53,61)
```
#2c404a
```
#2c404a rgb(44,64,74)
```
#334b56
```
#334b56 rgb(51,75,86)
```
#3a5662
```
#3a5662 rgb(58,86,98)
```
#42606e
```
#42606e rgb(66,96,110)
```
#496b7b
```
#496b7b rgb(73,107,123)
```
#507687
```
#507687 rgb(80,118,135)
```
#588193
```
#588193 rgb(88,129,147)
```
#5f8ba0
```
#5f8ba0 rgb(95,139,160)
```

Shade Color Variation

#6b94a7
```
#6b94a7 rgb(107,148,167)
```
#779dae
```
#779dae rgb(119,157,174)
```
#84a6b6
```
#84a6b6 rgb(132,166,182)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#9cb8c4
```
#9cb8c4 rgb(156,184,196)
```
#a9c1cc
```
#a9c1cc rgb(169,193,204)
```
#b5cad3
```
#b5cad3 rgb(181,202,211)
```
#c1d2da
```
#c1d2da rgb(193,210,218)
```
#cedbe2
```
#cedbe2 rgb(206,219,226)
```
#dae4e9
```
#dae4e9 rgb(218,228,233)
```
#e6edf0
```
#e6edf0 rgb(230,237,240)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a4a7a9
```
#a4a7a9 rgb(164,167,169)
```
#9eaaaf
```
#9eaaaf rgb(158,170,175)
```
#97acb6
```
#97acb6 rgb(151,172,182)
```
#90afbd
```
#90afbd rgb(144,175,189)
```
#89b2c4
```
#89b2c4 rgb(137,178,196)
```
#82b4cb
```
#82b4cb rgb(130,180,203)
```
#7cb7d1
```
#7cb7d1 rgb(124,183,209)
```
#75b9d8
```
#75b9d8 rgb(117,185,216)
```
#6ebcdf
```
#6ebcdf rgb(110,188,223)
```
#67bee6
```
#67bee6 rgb(103,190,230)
```
#60c1ed
```
#60c1ed rgb(96,193,237)
```
#5ac4f3
```
#5ac4f3 rgb(90,196,243)
```
#53c6fa
```
#53c6fa rgb(83,198,250)
```

Tone Color Variation

Below, you can see how #90afbd 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

#a7a7a7 Achromatopsia 0.005% of the population
#a2a9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#acadbd Protanopia 1% of men
#b4aac3 Deuteranopia 1% of men
#95b3c0 Tritanopia 0.001% of the population

Trichromacy

#a2aebd Protanomaly 1% of men, 0.01% of women
#a7acc1 Deuteranomaly 6% of men, 0.4% of women
#93b1bf Tritanomaly 0.01% of the population

#90afbd hex color

#90afbd Color Information

#90afbd Color Conversion

Color Schemes with #90afbd

Alternatives to #90afbd

#90afbd Preview

Shades and Tints of #90afbd

Tones of #90afbd

Color Blindness Simulator