#afd2ec hex color

In a RGB color space, hex #afd2ec is composed of 68.6% red, 82.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 11% magenta, 0% yellow and 7.5% black. It has a hue angle of 205.6 degrees, a saturation of 61.6% and a lightness of 80.6%. #afd2ec color hex could be obtained by blending #ffffff with #5fa5d9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 82
- B 93
RGB color chart
- C 26
- M 11
- Y 0
- K 7
CMYK color chart

● #afd2ec color description : Very soft blue.

The hexadecimal color #afd2ec has RGB values of R:175, G:210, B:236 and CMYK values of C:0.26, M:0.11, Y:0, K:0.07. Its decimal value is 11522796.

Hex triplet	afd2ec	`#afd2ec`
RGB Decimal	175, 210, 236	`rgb(175,210,236)`
RGB Percent	68.6, 82.4, 92.5	`rgb(68.6%,82.4%,92.5%)`
CMYK	26, 11, 0, 7
HSL	205.6°, 61.6, 80.6	`hsl(205.6,61.6%,80.6%)`
HSV (or HSB)	205.6°, 25.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.519, -5.828, -16.6
XYZ	55.863, 61.262, 88.234
xyY	0.272, 0.298, 61.262
CIE-LCH	82.519, 17.594, 250.654
CIE-LUV	82.519, -18.841, -25.222
Hunter-Lab	78.27, -9.573, -12.049
Binary	10101111, 11010010, 11101100

#afd2ec
```
#afd2ec rgb(175,210,236)
```
#ecc9af
```
#ecc9af rgb(236,201,175)
```

Complementary Color

#afece8
```
#afece8 rgb(175,236,232)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#afb4ec
```
#afb4ec rgb(175,180,236)
```

Analogous Color

#ece8af
```
#ece8af rgb(236,232,175)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#ecafb4
```
#ecafb4 rgb(236,175,180)
```

Split Complementary Color

#d2ecaf
```
#d2ecaf rgb(210,236,175)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#ecafd2
```
#ecafd2 rgb(236,175,210)
```

Triadic Color

#afecc9
```
#afecc9 rgb(175,236,201)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#ecafd2
```
#ecafd2 rgb(236,175,210)
```
#ecc9af
```
#ecc9af rgb(236,201,175)
```

Tetradic Color

#71afdd
```
#71afdd rgb(113,175,221)
```
#86bbe2
```
#86bbe2 rgb(134,187,226)
```
#9ac6e7
```
#9ac6e7 rgb(154,198,231)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#c4def1
```
#c4def1 rgb(196,222,241)
```
#d8e9f6
```
#d8e9f6 rgb(216,233,246)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```

Monochromatic Color

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

#afe1ec
```
#afe1ec rgb(175,225,236)
```
#afdcec
```
#afdcec rgb(175,220,236)
```
#afd7ec
```
#afd7ec rgb(175,215,236)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#afcdec
```
#afcdec rgb(175,205,236)
```
#afc8ec
```
#afc8ec rgb(175,200,236)
```
#afc3ec
```
#afc3ec rgb(175,195,236)
```

Similar Colors

Text with hexadecimal color #afd2ec

This text has a font color of #afd2ec.

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

#afd2ec background color

This paragraph has a background color of #afd2ec.

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

#afd2ec border color

This element has a border color of #afd2ec.

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

CSS codes

.text {color:#afd2ec;}

.background {background-color:#afd2ec;}

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

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, #040a0f is the darkest color, while #feffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#07151f
```
#07151f rgb(7,21,31)
```
#0b202f
```
#0b202f rgb(11,32,47)
```
#0f2a3f
```
#0f2a3f rgb(15,42,63)
```
#13354f
```
#13354f rgb(19,53,79)
```
#16405e
```
#16405e rgb(22,64,94)
```
#1a4a6e
```
#1a4a6e rgb(26,74,110)
```
#1e557e
```
#1e557e rgb(30,85,126)
```
#22608e
```
#22608e rgb(34,96,142)
```
#256a9e
```
#256a9e rgb(37,106,158)
```
#2975ae
```
#2975ae rgb(41,117,174)
```
#2d80bd
```
#2d80bd rgb(45,128,189)
```
#318bcd
```
#318bcd rgb(49,139,205)
```

Shade Color Variation

#4094d2
```
#4094d2 rgb(64,148,210)
```
#509dd5
```
#509dd5 rgb(80,157,213)
```
#60a5d9
```
#60a5d9 rgb(96,165,217)
```
#70aedd
```
#70aedd rgb(112,174,221)
```
#7fb7e1
```
#7fb7e1 rgb(127,183,225)
```
#8fc0e4
```
#8fc0e4 rgb(143,192,228)
```
#9fc9e8
```
#9fc9e8 rgb(159,201,232)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#bfdbf0
```
#bfdbf0 rgb(191,219,240)
```
#cfe4f4
```
#cfe4f4 rgb(207,228,244)
```
#dfedf7
```
#dfedf7 rgb(223,237,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cdcece
```
#cdcece rgb(205,206,206)
```
#caced1
```
#caced1 rgb(202,206,209)
```
#c6cfd5
```
#c6cfd5 rgb(198,207,213)
```
#c2cfd9
```
#c2cfd9 rgb(194,207,217)
```
#bed0dd
```
#bed0dd rgb(190,208,221)
```
#bad0e1
```
#bad0e1 rgb(186,208,225)
```
#b7d1e4
```
#b7d1e4 rgb(183,209,228)
```
#b3d1e8
```
#b3d1e8 rgb(179,209,232)
```
#afd2ec
```
#afd2ec rgb(175,210,236)
```
#abd3f0
```
#abd3f0 rgb(171,211,240)
```
#a7d3f4
```
#a7d3f4 rgb(167,211,244)
```
#a4d4f7
```
#a4d4f7 rgb(164,212,247)
```
#a0d4fb
```
#a0d4fb rgb(160,212,251)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5ccd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcee9 Protanopia 1% of men
#d2cbf0 Deuteranopia 1% of men
#b1d5e5 Tritanopia 0.001% of the population

Trichromacy

#c1cfea Protanomaly 1% of men, 0.01% of women
#c5cdee Deuteranomaly 6% of men, 0.4% of women
#b0d4e7 Tritanomaly 0.01% of the population

#afd2ec hex color

#afd2ec Color Information

#afd2ec Color Conversion

Color Schemes with #afd2ec

Alternatives to #afd2ec

#afd2ec Preview

Shades and Tints of #afd2ec

Tones of #afd2ec

Color Blindness Simulator