#afdeef hex color

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

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

● #afdeef color description : Very soft blue.

The hexadecimal color #afdeef has RGB values of R:175, G:222, B:239 and CMYK values of C:0.27, M:0.07, Y:0, K:0.06. Its decimal value is 11525871.

Hex triplet	afdeef	`#afdeef`
RGB Decimal	175, 222, 239	`rgb(175,222,239)`
RGB Percent	68.6, 87.1, 93.7	`rgb(68.6%,87.1%,93.7%)`
CMYK	27, 7, 0, 6
HSL	195.9°, 66.7, 81.2	`hsl(195.9,66.7%,81.2%)`
HSV (or HSB)	195.9°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.799, -11.362, -13.269
XYZ	59.377, 67.587, 91.574
xyY	0.272, 0.309, 67.587
CIE-LCH	85.799, 17.469, 229.426
CIE-LUV	85.799, -24.13, -19.024
Hunter-Lab	82.211, -14.948, -8.494
Binary	10101111, 11011110, 11101111

#afdeef
```
#afdeef rgb(175,222,239)
```
#efc0af
```
#efc0af rgb(239,192,175)
```

Complementary Color

#afefe0
```
#afefe0 rgb(175,239,224)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#afbeef
```
#afbeef rgb(175,190,239)
```

Analogous Color

#efe0af
```
#efe0af rgb(239,224,175)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#efafbe
```
#efafbe rgb(239,175,190)
```

Split Complementary Color

#deefaf
```
#deefaf rgb(222,239,175)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#efafde
```
#efafde rgb(239,175,222)
```

Triadic Color

#afefc0
```
#afefc0 rgb(175,239,192)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#efafde
```
#efafde rgb(239,175,222)
```
#efc0af
```
#efc0af rgb(239,192,175)
```

Tetradic Color

#6fc4e2
```
#6fc4e2 rgb(111,196,226)
```
#85cce7
```
#85cce7 rgb(133,204,231)
```
#9ad5eb
```
#9ad5eb rgb(154,213,235)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#c4e7f3
```
#c4e7f3 rgb(196,231,243)
```
#daf0f8
```
#daf0f8 rgb(218,240,248)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Monochromatic Color

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

#afeeef
```
#afeeef rgb(175,238,239)
```
#afe9ef
```
#afe9ef rgb(175,233,239)
```
#afe3ef
```
#afe3ef rgb(175,227,239)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#afd9ef
```
#afd9ef rgb(175,217,239)
```
#afd3ef
```
#afd3ef rgb(175,211,239)
```
#afceef
```
#afceef rgb(175,206,239)
```

Similar Colors

Text with hexadecimal color #afdeef

This text has a font color of #afdeef.

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

#afdeef background color

This paragraph has a background color of #afdeef.

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

#afdeef border color

This element has a border color of #afdeef.

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

CSS codes

.text {color:#afdeef;}

.background {background-color:#afdeef;}

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

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 #f0f9fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040e12
```
#040e12 rgb(4,14,18)
```
#071b22
```
#071b22 rgb(7,27,34)
```
#0a2833
```
#0a2833 rgb(10,40,51)
```
#0d3543
```
#0d3543 rgb(13,53,67)
```
#114253
```
#114253 rgb(17,66,83)
```
#144f64
```
#144f64 rgb(20,79,100)
```
#175b74
```
#175b74 rgb(23,91,116)
```
#1b6885
```
#1b6885 rgb(27,104,133)
```
#1e7595
```
#1e7595 rgb(30,117,149)
```
#2182a5
```
#2182a5 rgb(33,130,165)
```
#248fb6
```
#248fb6 rgb(36,143,182)
```
#289cc6
```
#289cc6 rgb(40,156,198)
```

Shade Color Variation

#2ca8d5
```
#2ca8d5 rgb(44,168,213)
```
#3dafd8
```
#3dafd8 rgb(61,175,216)
```
#4db6db
```
#4db6db rgb(77,182,219)
```
#5dbcdf
```
#5dbcdf rgb(93,188,223)
```
#6ec3e2
```
#6ec3e2 rgb(110,195,226)
```
#7ecae5
```
#7ecae5 rgb(126,202,229)
```
#8ed1e8
```
#8ed1e8 rgb(142,209,232)
```
#9fd7ec
```
#9fd7ec rgb(159,215,236)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#bfe5f2
```
#bfe5f2 rgb(191,229,242)
```
#d0ebf6
```
#d0ebf6 rgb(208,235,246)
```
#e0f2f9
```
#e0f2f9 rgb(224,242,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,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 #a0e5fe is the most saturated one.

#cdd0d1
```
#cdd0d1 rgb(205,208,209)
```
#c9d2d5
```
#c9d2d5 rgb(201,210,213)
```
#c5d4d9
```
#c5d4d9 rgb(197,212,217)
```
#c1d5dd
```
#c1d5dd rgb(193,213,221)
```
#bed7e0
```
#bed7e0 rgb(190,215,224)
```
#bad9e4
```
#bad9e4 rgb(186,217,228)
```
#b6dbe8
```
#b6dbe8 rgb(182,219,232)
```
#b3dceb
```
#b3dceb rgb(179,220,235)
```
#afdeef
```
#afdeef rgb(175,222,239)
```
#abe0f3
```
#abe0f3 rgb(171,224,243)
```
#a8e1f6
```
#a8e1f6 rgb(168,225,246)
```
#a4e3fa
```
#a4e3fa rgb(164,227,250)
```
#a0e5fe
```
#a0e5fe rgb(160,229,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbd4d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d7ea Protanopia 1% of men
#dfd3f4 Deuteranopia 1% of men
#b3dfef Tritanopia 0.001% of the population

Trichromacy

#c8d9ec Protanomaly 1% of men, 0.01% of women
#cdd7f2 Deuteranomaly 6% of men, 0.4% of women
#b1dfef Tritanomaly 0.01% of the population

#afdeef hex color

#afdeef Color Information

#afdeef Color Conversion

Color Schemes with #afdeef

Alternatives to #afdeef

#afdeef Preview

Shades and Tints of #afdeef

Tones of #afdeef

Color Blindness Simulator