#afb2de hex color

In a RGB color space, hex #afb2de is composed of 68.6% red, 69.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 19.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 236.2 degrees, a saturation of 41.6% and a lightness of 77.8%. #afb2de color hex could be obtained by blending #ffffff with #5f65bd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 70
- B 87
RGB color chart
- C 21
- M 20
- Y 0
- K 13
CMYK color chart

● #afb2de color description : Very soft blue.

The hexadecimal color #afb2de has RGB values of R:175, G:178, B:222 and CMYK values of C:0.21, M:0.2, Y:0, K:0.13. Its decimal value is 11514590.

Hex triplet	afb2de	`#afb2de`
RGB Decimal	175, 178, 222	`rgb(175,178,222)`
RGB Percent	68.6, 69.8, 87.1	`rgb(68.6%,69.8%,87.1%)`
CMYK	21, 20, 0, 13
HSL	236.2°, 41.6, 77.8	`hsl(236.2,41.6%,77.8%)`
HSV (or HSB)	236.2°, 21.2, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.693, 8.166, -22.426
XYZ	46.782, 46.228, 75.561
xyY	0.278, 0.274, 46.228
CIE-LCH	73.693, 23.866, 290.008
CIE-LUV	73.693, -4.123, -36.438
Hunter-Lab	67.991, 3.833, -18.297
Binary	10101111, 10110010, 11011110

#afb2de
```
#afb2de rgb(175,178,222)
```
#dedbaf
```
#dedbaf rgb(222,219,175)
```

Complementary Color

#afcade
```
#afcade rgb(175,202,222)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#c4afde
```
#c4afde rgb(196,175,222)
```

Analogous Color

#cadeaf
```
#cadeaf rgb(202,222,175)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#dec4af
```
#dec4af rgb(222,196,175)
```

Split Complementary Color

#b2deaf
```
#b2deaf rgb(178,222,175)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#deafb2
```
#deafb2 rgb(222,175,178)
```

Triadic Color

#afdedb
```
#afdedb rgb(175,222,219)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#deafb2
```
#deafb2 rgb(222,175,178)
```
#dedbaf
```
#dedbaf rgb(222,219,175)
```

Tetradic Color

#797ec8
```
#797ec8 rgb(121,126,200)
```
#8b8fcf
```
#8b8fcf rgb(139,143,207)
```
#9da1d7
```
#9da1d7 rgb(157,161,215)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#c1c3e5
```
#c1c3e5 rgb(193,195,229)
```
#d3d5ed
```
#d3d5ed rgb(211,213,237)
```
#e5e6f4
```
#e5e6f4 rgb(229,230,244)
```

Monochromatic Color

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

#afbede
```
#afbede rgb(175,190,222)
```
#afbade
```
#afbade rgb(175,186,222)
```
#afb6de
```
#afb6de rgb(175,182,222)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#b0afde
```
#b0afde rgb(176,175,222)
```
#b4afde
```
#b4afde rgb(180,175,222)
```
#b8afde
```
#b8afde rgb(184,175,222)
```

Similar Colors

Text with hexadecimal color #afb2de

This text has a font color of #afb2de.

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

#afb2de background color

This paragraph has a background color of #afb2de.

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

#afb2de border color

This element has a border color of #afb2de.

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

CSS codes

.text {color:#afb2de;}

.background {background-color:#afb2de;}

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070811
```
#070811 rgb(7,8,17)
```
#0d0e1f
```
#0d0e1f rgb(13,14,31)
```
#13142d
```
#13142d rgb(19,20,45)
```
#181a3b
```
#181a3b rgb(24,26,59)
```
#1e2149
```
#1e2149 rgb(30,33,73)
```
#242757
```
#242757 rgb(36,39,87)
```
#292d65
```
#292d65 rgb(41,45,101)
```
#2f3372
```
#2f3372 rgb(47,51,114)
```
#353a80
```
#353a80 rgb(53,58,128)
```
#3b408e
```
#3b408e rgb(59,64,142)
```
#40469c
```
#40469c rgb(64,70,156)
```
#464caa
```
#464caa rgb(70,76,170)
```

Shade Color Variation

#4e54b6
```
#4e54b6 rgb(78,84,182)
```
#5c62bc
```
#5c62bc rgb(92,98,188)
```
#6a6fc1
```
#6a6fc1 rgb(106,111,193)
```
#777dc7
```
#777dc7 rgb(119,125,199)
```
#858acd
```
#858acd rgb(133,138,205)
```
#9397d3
```
#9397d3 rgb(147,151,211)
```
#a1a5d8
```
#a1a5d8 rgb(161,165,216)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#bdbfe4
```
#bdbfe4 rgb(189,191,228)
```
#cbcde9
```
#cbcde9 rgb(203,205,233)
```
#d9daef
```
#d9daef rgb(217,218,239)
```
#e7e7f5
```
#e7e7f5 rgb(231,231,245)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

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

#c5c5c8
```
#c5c5c8 rgb(197,197,200)
```
#c0c1cd
```
#c0c1cd rgb(192,193,205)
```
#bcbdd1
```
#bcbdd1 rgb(188,189,209)
```
#b8bad5
```
#b8bad5 rgb(184,186,213)
```
#b3b6da
```
#b3b6da rgb(179,182,218)
```
#afb2de
```
#afb2de rgb(175,178,222)
```
#abaee2
```
#abaee2 rgb(171,174,226)
```
#a6aae7
```
#a6aae7 rgb(166,170,231)
```
#a2a7eb
```
#a2a7eb rgb(162,167,235)
```
#9ea3ef
```
#9ea3ef rgb(158,163,239)
```
#999ff4
```
#999ff4 rgb(153,159,244)
```
#959bf8
```
#959bf8 rgb(149,155,248)
```
#9197fc
```
#9197fc rgb(145,151,252)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b5be Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb7e0 Protanopia 1% of men
#b5b5df Deuteranopia 1% of men
#adbac7 Tritanopia 0.001% of the population

Trichromacy

#aeb5df Protanomaly 1% of men, 0.01% of women
#b2b4df Deuteranomaly 6% of men, 0.4% of women
#aeb7cf Tritanomaly 0.01% of the population

#afb2de hex color

#afb2de Color Information

#afb2de Color Conversion

Color Schemes with #afb2de

Alternatives to #afb2de

#afb2de Preview

Shades and Tints of #afb2de

Tones of #afb2de

Color Blindness Simulator