#afb2d4 hex color

In a RGB color space, hex #afb2d4 is composed of 68.6% red, 69.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 16% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.1 degrees, a saturation of 30.1% and a lightness of 75.9%. #afb2d4 color hex could be obtained by blending #ffffff with #5f65a9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 70
- B 83
RGB color chart
- C 17
- M 16
- Y 0
- K 17
CMYK color chart

● #afb2d4 color description : Grayish blue.

The hexadecimal color #afb2d4 has RGB values of R:175, G:178, B:212 and CMYK values of C:0.17, M:0.16, Y:0, K:0.17. Its decimal value is 11514580.

Hex triplet	afb2d4	`#afb2d4`
RGB Decimal	175, 178, 212	`rgb(175,178,212)`
RGB Percent	68.6, 69.8, 83.1	`rgb(68.6%,69.8%,83.1%)`
CMYK	17, 16, 0, 17
HSL	235.1°, 30.1, 75.9	`hsl(235.1,30.1%,75.9%)`
HSV (or HSB)	235.1°, 17.5, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.356, 5.928, -17.486
XYZ	45.481, 45.708, 68.71
xyY	0.284, 0.286, 45.708
CIE-LCH	73.356, 18.463, 288.728
CIE-LUV	73.356, -3.558, -28.05
Hunter-Lab	67.608, 1.767, -12.932
Binary	10101111, 10110010, 11010100

#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#d4d1af
```
#d4d1af rgb(212,209,175)
```

Complementary Color

#afc5d4
```
#afc5d4 rgb(175,197,212)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#bfafd4
```
#bfafd4 rgb(191,175,212)
```

Analogous Color

#c5d4af
```
#c5d4af rgb(197,212,175)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#d4bfaf
```
#d4bfaf rgb(212,191,175)
```

Split Complementary Color

#b2d4af
```
#b2d4af rgb(178,212,175)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#d4afb2
```
#d4afb2 rgb(212,175,178)
```

Triadic Color

#afd4d1
```
#afd4d1 rgb(175,212,209)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#d4afb2
```
#d4afb2 rgb(212,175,178)
```
#d4d1af
```
#d4d1af rgb(212,209,175)
```

Tetradic Color

#7d82b9
```
#7d82b9 rgb(125,130,185)
```
#8e92c2
```
#8e92c2 rgb(142,146,194)
```
#9ea2cb
```
#9ea2cb rgb(158,162,203)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#c0c2dd
```
#c0c2dd rgb(192,194,221)
```
#d0d2e6
```
#d0d2e6 rgb(208,210,230)
```
#e1e2ef
```
#e1e2ef rgb(225,226,239)
```

Monochromatic Color

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

#afbbd4
```
#afbbd4 rgb(175,187,212)
```
#afb8d4
```
#afb8d4 rgb(175,184,212)
```
#afb5d4
```
#afb5d4 rgb(175,181,212)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#afafd4
```
#afafd4 rgb(175,175,212)
```
#b2afd4
```
#b2afd4 rgb(178,175,212)
```
#b5afd4
```
#b5afd4 rgb(181,175,212)
```

Similar Colors

Text with hexadecimal color #afb2d4

This text has a font color of #afb2d4.

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

#afb2d4 background color

This paragraph has a background color of #afb2d4.

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

#afb2d4 border color

This element has a border color of #afb2d4.

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

CSS codes

.text {color:#afb2d4;}

.background {background-color:#afb2d4;}

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

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

#050509
```
#050509 rgb(5,5,9)
```
#0c0d16
```
#0c0d16 rgb(12,13,22)
```
#131423
```
#131423 rgb(19,20,35)
```
#1a1b30
```
#1a1b30 rgb(26,27,48)
```
#20233c
```
#20233c rgb(32,35,60)
```
#272a49
```
#272a49 rgb(39,42,73)
```
#2e3156
```
#2e3156 rgb(46,49,86)
```
#353963
```
#353963 rgb(53,57,99)
```
#3c406f
```
#3c406f rgb(60,64,111)
```
#43477c
```
#43477c rgb(67,71,124)
```
#4a4f89
```
#4a4f89 rgb(74,79,137)
```
#505696
```
#505696 rgb(80,86,150)
```
#575da2
```
#575da2 rgb(87,93,162)
```

Shade Color Variation

#6268ab
```
#6268ab rgb(98,104,171)
```
#6f75b2
```
#6f75b2 rgb(111,117,178)
```
#7c81b9
```
#7c81b9 rgb(124,129,185)
```
#898dbf
```
#898dbf rgb(137,141,191)
```
#9599c6
```
#9599c6 rgb(149,153,198)
```
#a2a6cd
```
#a2a6cd rgb(162,166,205)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#bcbedb
```
#bcbedb rgb(188,190,219)
```
#c9cbe2
```
#c9cbe2 rgb(201,203,226)
```
#d5d7e9
```
#d5d7e9 rgb(213,215,233)
```
#e2e3ef
```
#e2e3ef rgb(226,227,239)
```
#efeff6
```
#efeff6 rgb(239,239,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#bdbec6
```
#bdbec6 rgb(189,190,198)
```
#b8bacb
```
#b8bacb rgb(184,186,203)
```
#b4b6cf
```
#b4b6cf rgb(180,182,207)
```
#afb2d4
```
#afb2d4 rgb(175,178,212)
```
#aaaed9
```
#aaaed9 rgb(170,174,217)
```
#a6aadd
```
#a6aadd rgb(166,170,221)
```
#a1a6e2
```
#a1a6e2 rgb(161,166,226)
```
#9ca2e7
```
#9ca2e7 rgb(156,162,231)
```
#979eec
```
#979eec rgb(151,158,236)
```
#939af0
```
#939af0 rgb(147,154,240)
```
#8e96f5
```
#8e96f5 rgb(142,150,245)
```
#8992fa
```
#8992fa rgb(137,146,250)
```
#848eff
```
#848eff rgb(132,142,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d6 Protanopia 1% of men
#b9b4d6 Deuteranopia 1% of men
#afb8c6 Tritanopia 0.001% of the population

Trichromacy

#b0b4d5 Protanomaly 1% of men, 0.01% of women
#b5b3d5 Deuteranomaly 6% of men, 0.4% of women
#afb6cb Tritanomaly 0.01% of the population

#afb2d4 hex color

#afb2d4 Color Information

#afb2d4 Color Conversion

Color Schemes with #afb2d4

Alternatives to #afb2d4

#afb2d4 Preview

Shades and Tints of #afb2d4

Tones of #afb2d4

Color Blindness Simulator