#afdbef hex color

In a RGB color space, hex #afdbef is composed of 68.6% red, 85.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 8.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 198.8 degrees, a saturation of 66.7% and a lightness of 81.2%. #afdbef color hex could be obtained by blending #ffffff with #5fb7df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 86
- B 94
RGB color chart
- C 27
- M 8
- Y 0
- K 6
CMYK color chart

● #afdbef color description : Very soft blue.

The hexadecimal color #afdbef has RGB values of R:175, G:219, B:239 and CMYK values of C:0.27, M:0.08, Y:0, K:0.06. Its decimal value is 11525103.

Hex triplet	afdbef	`#afdbef`
RGB Decimal	175, 219, 239	`rgb(175,219,239)`
RGB Percent	68.6, 85.9, 93.7	`rgb(68.6%,85.9%,93.7%)`
CMYK	27, 8, 0, 6
HSL	198.8°, 66.7, 81.2	`hsl(198.8,66.7%,81.2%)`
HSV (or HSB)	198.8°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	85, -9.821, -14.466
XYZ	58.587, 66.007, 91.31
xyY	0.271, 0.306, 66.007
CIE-LCH	85, 17.484, 235.828
CIE-LUV	85, -22.824, -21.195
Hunter-Lab	81.245, -13.459, -9.764
Binary	10101111, 11011011, 11101111

#afdbef
```
#afdbef rgb(175,219,239)
```
#efc3af
```
#efc3af rgb(239,195,175)
```

Complementary Color

#afefe3
```
#afefe3 rgb(175,239,227)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#afbbef
```
#afbbef rgb(175,187,239)
```

Analogous Color

#efe3af
```
#efe3af rgb(239,227,175)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#efafbb
```
#efafbb rgb(239,175,187)
```

Split Complementary Color

#dbefaf
```
#dbefaf rgb(219,239,175)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#efafdb
```
#efafdb rgb(239,175,219)
```

Triadic Color

#afefc3
```
#afefc3 rgb(175,239,195)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#efafdb
```
#efafdb rgb(239,175,219)
```
#efc3af
```
#efc3af rgb(239,195,175)
```

Tetradic Color

#6fbee2
```
#6fbee2 rgb(111,190,226)
```
#85c8e7
```
#85c8e7 rgb(133,200,231)
```
#9ad1eb
```
#9ad1eb rgb(154,209,235)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#c4e5f3
```
#c4e5f3 rgb(196,229,243)
```
#daeef8
```
#daeef8 rgb(218,238,248)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Monochromatic Color

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

#afebef
```
#afebef rgb(175,235,239)
```
#afe6ef
```
#afe6ef rgb(175,230,239)
```
#afe0ef
```
#afe0ef rgb(175,224,239)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#afd6ef
```
#afd6ef rgb(175,214,239)
```
#afd0ef
```
#afd0ef rgb(175,208,239)
```
#afcbef
```
#afcbef rgb(175,203,239)
```

Similar Colors

Text with hexadecimal color #afdbef

This text has a font color of #afdbef.

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

#afdbef background color

This paragraph has a background color of #afdbef.

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

#afdbef border color

This element has a border color of #afdbef.

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

CSS codes

.text {color:#afdbef;}

.background {background-color:#afdbef;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040e12
```
#040e12 rgb(4,14,18)
```
#071a22
```
#071a22 rgb(7,26,34)
```
#0a2633
```
#0a2633 rgb(10,38,51)
```
#0d3243
```
#0d3243 rgb(13,50,67)
```
#113f53
```
#113f53 rgb(17,63,83)
```
#144b64
```
#144b64 rgb(20,75,100)
```
#175774
```
#175774 rgb(23,87,116)
```
#1b6385
```
#1b6385 rgb(27,99,133)
```
#1e7095
```
#1e7095 rgb(30,112,149)
```
#217ca5
```
#217ca5 rgb(33,124,165)
```
#2488b6
```
#2488b6 rgb(36,136,182)
```
#2894c6
```
#2894c6 rgb(40,148,198)
```

Shade Color Variation

#2ca0d5
```
#2ca0d5 rgb(44,160,213)
```
#3da8d8
```
#3da8d8 rgb(61,168,216)
```
#4dafdb
```
#4dafdb rgb(77,175,219)
```
#5db6df
```
#5db6df rgb(93,182,223)
```
#6ebee2
```
#6ebee2 rgb(110,190,226)
```
#7ec5e5
```
#7ec5e5 rgb(126,197,229)
```
#8ecce8
```
#8ecce8 rgb(142,204,232)
```
#9fd4ec
```
#9fd4ec rgb(159,212,236)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#bfe2f2
```
#bfe2f2 rgb(191,226,242)
```
#d0eaf6
```
#d0eaf6 rgb(208,234,246)
```
#e0f1f9
```
#e0f1f9 rgb(224,241,249)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

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

#cdd0d1
```
#cdd0d1 rgb(205,208,209)
```
#c9d1d5
```
#c9d1d5 rgb(201,209,213)
```
#c5d3d9
```
#c5d3d9 rgb(197,211,217)
```
#c1d4dd
```
#c1d4dd rgb(193,212,221)
```
#bed5e0
```
#bed5e0 rgb(190,213,224)
```
#bad7e4
```
#bad7e4 rgb(186,215,228)
```
#b6d8e8
```
#b6d8e8 rgb(182,216,232)
```
#b3daeb
```
#b3daeb rgb(179,218,235)
```
#afdbef
```
#afdbef rgb(175,219,239)
```
#abdcf3
```
#abdcf3 rgb(171,220,243)
```
#a8def6
```
#a8def6 rgb(168,222,246)
```
#a4dffa
```
#a4dffa rgb(164,223,250)
```
#a0e1fe
```
#a0e1fe rgb(160,225,254)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c9d2d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d5eb Protanopia 1% of men
#dbd1f3 Deuteranopia 1% of men
#b2dded Tritanopia 0.001% of the population

Trichromacy

#c6d7ec Protanomaly 1% of men, 0.01% of women
#cbd4f2 Deuteranomaly 6% of men, 0.4% of women
#b1dced Tritanomaly 0.01% of the population

#afdbef hex color

#afdbef Color Information

#afdbef Color Conversion

Color Schemes with #afdbef

Alternatives to #afdbef

#afdbef Preview

Shades and Tints of #afdbef

Tones of #afdbef

Color Blindness Simulator