#afbbdf hex color

In a RGB color space, hex #afbbdf is composed of 68.6% red, 73.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 16.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 225 degrees, a saturation of 42.9% and a lightness of 78%. #afbbdf color hex could be obtained by blending #ffffff with #5f77bf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 73
- B 87
RGB color chart
- C 22
- M 16
- Y 0
- K 13
CMYK color chart

● #afbbdf color description : Very soft blue.

The hexadecimal color #afbbdf has RGB values of R:175, G:187, B:223 and CMYK values of C:0.22, M:0.16, Y:0, K:0.13. Its decimal value is 11516895.

Hex triplet	afbbdf	`#afbbdf`
RGB Decimal	175, 187, 223	`rgb(175,187,223)`
RGB Percent	68.6, 73.3, 87.5	`rgb(68.6%,73.3%,87.5%)`
CMYK	22, 16, 0, 13
HSL	225°, 42.9, 78	`hsl(225,42.9%,78%)`
HSV (or HSB)	225°, 21.5, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.058, 3.478, -19.377
XYZ	48.766, 49.982, 76.886
xyY	0.278, 0.285, 49.982
CIE-LCH	76.058, 19.687, 280.175
CIE-LUV	76.058, -8.207, -30.891
Hunter-Lab	70.698, -0.594, -14.992
Binary	10101111, 10111011, 11011111

#afbbdf
```
#afbbdf rgb(175,187,223)
```
#dfd3af
```
#dfd3af rgb(223,211,175)
```

Complementary Color

#afd3df
```
#afd3df rgb(175,211,223)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#bbafdf
```
#bbafdf rgb(187,175,223)
```

Analogous Color

#d3dfaf
```
#d3dfaf rgb(211,223,175)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#dfbbaf
```
#dfbbaf rgb(223,187,175)
```

Split Complementary Color

#bbdfaf
```
#bbdfaf rgb(187,223,175)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#dfafbb
```
#dfafbb rgb(223,175,187)
```

Triadic Color

#afdfd3
```
#afdfd3 rgb(175,223,211)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#dfafbb
```
#dfafbb rgb(223,175,187)
```
#dfd3af
```
#dfd3af rgb(223,211,175)
```

Tetradic Color

#788dc9
```
#788dc9 rgb(120,141,201)
```
#8b9cd0
```
#8b9cd0 rgb(139,156,208)
```
#9dacd8
```
#9dacd8 rgb(157,172,216)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#c1cae6
```
#c1cae6 rgb(193,202,230)
```
#d3daee
```
#d3daee rgb(211,218,238)
```
#e6e9f5
```
#e6e9f5 rgb(230,233,245)
```

Monochromatic Color

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

#afc7df
```
#afc7df rgb(175,199,223)
```
#afc3df
```
#afc3df rgb(175,195,223)
```
#afbfdf
```
#afbfdf rgb(175,191,223)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#afb7df
```
#afb7df rgb(175,183,223)
```
#afb3df
```
#afb3df rgb(175,179,223)
```
#afafdf
```
#afafdf rgb(175,175,223)
```

Similar Colors

Text with hexadecimal color #afbbdf

This text has a font color of #afbbdf.

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

#afbbdf background color

This paragraph has a background color of #afbbdf.

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

#afbbdf border color

This element has a border color of #afbbdf.

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

CSS codes

.text {color:#afbbdf;}

.background {background-color:#afbbdf;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0d1220
```
#0d1220 rgb(13,18,32)
```
#12192e
```
#12192e rgb(18,25,46)
```
#18213c
```
#18213c rgb(24,33,60)
```
#1e294a
```
#1e294a rgb(30,41,74)
```
#233058
```
#233058 rgb(35,48,88)
```
#293866
```
#293866 rgb(41,56,102)
```
#2e4074
```
#2e4074 rgb(46,64,116)
```
#344882
```
#344882 rgb(52,72,130)
```
#3a4f90
```
#3a4f90 rgb(58,79,144)
```
#3f579e
```
#3f579e rgb(63,87,158)
```
#455fac
```
#455fac rgb(69,95,172)
```

Shade Color Variation

#4d68b8
```
#4d68b8 rgb(77,104,184)
```
#5b74bd
```
#5b74bd rgb(91,116,189)
```
#697fc3
```
#697fc3 rgb(105,127,195)
```
#778bc9
```
#778bc9 rgb(119,139,201)
```
#8597ce
```
#8597ce rgb(133,151,206)
```
#93a3d4
```
#93a3d4 rgb(147,163,212)
```
#a1afd9
```
#a1afd9 rgb(161,175,217)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#bdc7e5
```
#bdc7e5 rgb(189,199,229)
```
#cbd3ea
```
#cbd3ea rgb(203,211,234)
```
#d9dff0
```
#d9dff0 rgb(217,223,240)
```
#e7ebf5
```
#e7ebf5 rgb(231,235,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#c5c6c9
```
#c5c6c9 rgb(197,198,201)
```
#c0c4ce
```
#c0c4ce rgb(192,196,206)
```
#bcc1d2
```
#bcc1d2 rgb(188,193,210)
```
#b8bfd6
```
#b8bfd6 rgb(184,191,214)
```
#b3bddb
```
#b3bddb rgb(179,189,219)
```
#afbbdf
```
#afbbdf rgb(175,187,223)
```
#abb9e3
```
#abb9e3 rgb(171,185,227)
```
#a6b7e8
```
#a6b7e8 rgb(166,183,232)
```
#a2b5ec
```
#a2b5ec rgb(162,181,236)
```
#9eb2f0
```
#9eb2f0 rgb(158,178,240)
```
#99b0f5
```
#99b0f5 rgb(153,176,245)
```
#95aef9
```
#95aef9 rgb(149,174,249)
```
#91acfd
```
#91acfd rgb(145,172,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9bcc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bde0 Protanopia 1% of men
#bebbe1 Deuteranopia 1% of men
#afc1cf Tritanopia 0.001% of the population

Trichromacy

#b4bcdf Protanomaly 1% of men, 0.01% of women
#b8bbe0 Deuteranomaly 6% of men, 0.4% of women
#afbfd5 Tritanomaly 0.01% of the population

#afbbdf hex color

#afbbdf Color Information

#afbbdf Color Conversion

Color Schemes with #afbbdf

Alternatives to #afbbdf

#afbbdf Preview

Shades and Tints of #afbbdf

Tones of #afbbdf

Color Blindness Simulator