#afb9da hex color

In a RGB color space, hex #afb9da is composed of 68.6% red, 72.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 15.1% magenta, 0% yellow and 14.5% black. It has a hue angle of 226 degrees, a saturation of 36.8% and a lightness of 77.1%. #afb9da color hex could be obtained by blending #ffffff with #5f73b5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 73
- B 85
RGB color chart
- C 20
- M 15
- Y 0
- K 15
CMYK color chart

● #afb9da color description : Light grayish blue.

The hexadecimal color #afb9da has RGB values of R:175, G:185, B:218 and CMYK values of C:0.2, M:0.15, Y:0, K:0.15. Its decimal value is 11516378.

Hex triplet	afb9da	`#afb9da`
RGB Decimal	175, 185, 218	`rgb(175,185,218)`
RGB Percent	68.6, 72.5, 85.5	`rgb(68.6%,72.5%,85.5%)`
CMYK	20, 15, 0, 15
HSL	226°, 36.8, 77.1	`hsl(226,36.8%,77.1%)`
HSV (or HSB)	226°, 19.7, 85.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.372, 3.44, -17.704
XYZ	47.681, 48.873, 73.247
xyY	0.281, 0.288, 48.873
CIE-LCH	75.372, 18.035, 280.997
CIE-LUV	75.372, -7.071, -28.128
Hunter-Lab	69.909, -0.598, -13.184
Binary	10101111, 10111001, 11011010

#afb9da
```
#afb9da rgb(175,185,218)
```
#dad0af
```
#dad0af rgb(218,208,175)
```

Complementary Color

#afcfda
```
#afcfda rgb(175,207,218)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#bbafda
```
#bbafda rgb(187,175,218)
```

Analogous Color

#cfdaaf
```
#cfdaaf rgb(207,218,175)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#dabbaf
```
#dabbaf rgb(218,187,175)
```

Split Complementary Color

#b9daaf
```
#b9daaf rgb(185,218,175)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#daafb9
```
#daafb9 rgb(218,175,185)
```

Triadic Color

#afdad0
```
#afdad0 rgb(175,218,208)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#daafb9
```
#daafb9 rgb(218,175,185)
```
#dad0af
```
#dad0af rgb(218,208,175)
```

Tetradic Color

#7b8bc2
```
#7b8bc2 rgb(123,139,194)
```
#8c9aca
```
#8c9aca rgb(140,154,202)
```
#9eaad2
```
#9eaad2 rgb(158,170,210)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#c0c8e2
```
#c0c8e2 rgb(192,200,226)
```
#d2d8ea
```
#d2d8ea rgb(210,216,234)
```
#e3e7f2
```
#e3e7f2 rgb(227,231,242)
```

Monochromatic Color

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

#afc4da
```
#afc4da rgb(175,196,218)
```
#afc0da
```
#afc0da rgb(175,192,218)
```
#afbdda
```
#afbdda rgb(175,189,218)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#afb5da
```
#afb5da rgb(175,181,218)
```
#afb2da
```
#afb2da rgb(175,178,218)
```
#b0afda
```
#b0afda rgb(176,175,218)
```

Similar Colors

Text with hexadecimal color #afb9da

This text has a font color of #afb9da.

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

#afb9da background color

This paragraph has a background color of #afb9da.

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

#afb9da border color

This element has a border color of #afb9da.

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

CSS codes

.text {color:#afb9da;}

.background {background-color:#afb9da;}

.border {border:1px solid #afb9da;}

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

#000000
```
#000000 rgb(0,0,0)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0d101b
```
#0d101b rgb(13,16,27)
```
#131829
```
#131829 rgb(19,24,41)
```
#192036
```
#192036 rgb(25,32,54)
```
#1f2844
```
#1f2844 rgb(31,40,68)
```
#253051
```
#253051 rgb(37,48,81)
```
#2c375e
```
#2c375e rgb(44,55,94)
```
#323f6c
```
#323f6c rgb(50,63,108)
```
#384779
```
#384779 rgb(56,71,121)
```
#3e4f87
```
#3e4f87 rgb(62,79,135)
```
#445794
```
#445794 rgb(68,87,148)
```
#4b5fa1
```
#4b5fa1 rgb(75,95,161)
```

Shade Color Variation

#5167af
```
#5167af rgb(81,103,175)
```
#5f73b5
```
#5f73b5 rgb(95,115,181)
```
#6c7ebb
```
#6c7ebb rgb(108,126,187)
```
#798ac1
```
#798ac1 rgb(121,138,193)
```
#8796c7
```
#8796c7 rgb(135,150,199)
```
#94a2ce
```
#94a2ce rgb(148,162,206)
```
#a2add4
```
#a2add4 rgb(162,173,212)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#bcc5e0
```
#bcc5e0 rgb(188,197,224)
```
#cad0e6
```
#cad0e6 rgb(202,208,230)
```
#d7dced
```
#d7dced rgb(215,220,237)
```
#e5e8f3
```
#e5e8f3 rgb(229,232,243)
```
#f2f4f9
```
#f2f4f9 rgb(242,244,249)
```

Tint Color Variation

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

#c1c3c8
```
#c1c3c8 rgb(193,195,200)
```
#bdc0cd
```
#bdc0cd rgb(189,192,205)
```
#b8bed1
```
#b8bed1 rgb(184,190,209)
```
#b4bbd6
```
#b4bbd6 rgb(180,187,214)
```
#afb9da
```
#afb9da rgb(175,185,218)
```
#abb7df
```
#abb7df rgb(171,183,223)
```
#a6b4e3
```
#a6b4e3 rgb(166,180,227)
```
#a2b2e8
```
#a2b2e8 rgb(162,178,232)
```
#9dafec
```
#9dafec rgb(157,175,236)
```
#99adf1
```
#99adf1 rgb(153,173,241)
```
#94abf5
```
#94abf5 rgb(148,171,245)
```
#90a8fa
```
#90a8fa rgb(144,168,250)
```
#8ba6fe
```
#8ba6fe rgb(139,166,254)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bac0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bbdb Protanopia 1% of men
#beb9dd Deuteranopia 1% of men
#afbfcd Tritanopia 0.001% of the population

Trichromacy

#b3bada Protanomaly 1% of men, 0.01% of women
#b8b9db Deuteranomaly 6% of men, 0.4% of women
#afbdd1 Tritanomaly 0.01% of the population

#afb9da hex color

#afb9da Color Information

#afb9da Color Conversion

Color Schemes with #afb9da

Alternatives to #afb9da

#afb9da Preview

Shades and Tints of #afb9da

Tones of #afb9da

Color Blindness Simulator