#afd2ef hex color

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

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

● #afd2ef color description : Very soft blue.

The hexadecimal color #afd2ef has RGB values of R:175, G:210, B:239 and CMYK values of C:0.27, M:0.12, Y:0, K:0.06. Its decimal value is 11522799.

Hex triplet	afd2ef	`#afd2ef`
RGB Decimal	175, 210, 239	`rgb(175,210,239)`
RGB Percent	68.6, 82.4, 93.7	`rgb(68.6%,82.4%,93.7%)`
CMYK	27, 12, 0, 6
HSL	207.2°, 66.7, 81.2	`hsl(207.2,66.7%,81.2%)`
HSV (or HSB)	207.2°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.613, -5.138, -18.055
XYZ	56.302, 61.438, 90.549
xyY	0.27, 0.295, 61.438
CIE-LCH	82.613, 18.772, 254.114
CIE-LUV	82.613, -18.904, -27.723
Hunter-Lab	78.382, -8.951, -13.626
Binary	10101111, 11010010, 11101111

#afd2ef
```
#afd2ef rgb(175,210,239)
```
#efccaf
```
#efccaf rgb(239,204,175)
```

Complementary Color

#afefec
```
#afefec rgb(175,239,236)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#afb2ef
```
#afb2ef rgb(175,178,239)
```

Analogous Color

#efecaf
```
#efecaf rgb(239,236,175)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#efafb2
```
#efafb2 rgb(239,175,178)
```

Split Complementary Color

#d2efaf
```
#d2efaf rgb(210,239,175)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#efafd2
```
#efafd2 rgb(239,175,210)
```

Triadic Color

#afefcc
```
#afefcc rgb(175,239,204)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#efafd2
```
#efafd2 rgb(239,175,210)
```
#efccaf
```
#efccaf rgb(239,204,175)
```

Tetradic Color

#6faee2
```
#6faee2 rgb(111,174,226)
```
#85bae7
```
#85bae7 rgb(133,186,231)
```
#9ac6eb
```
#9ac6eb rgb(154,198,235)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#c4def3
```
#c4def3 rgb(196,222,243)
```
#daeaf8
```
#daeaf8 rgb(218,234,248)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Monochromatic Color

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

#afe2ef
```
#afe2ef rgb(175,226,239)
```
#afddef
```
#afddef rgb(175,221,239)
```
#afd7ef
```
#afd7ef rgb(175,215,239)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#afcdef
```
#afcdef rgb(175,205,239)
```
#afc7ef
```
#afc7ef rgb(175,199,239)
```
#afc2ef
```
#afc2ef rgb(175,194,239)
```

Similar Colors

Text with hexadecimal color #afd2ef

This text has a font color of #afd2ef.

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

#afd2ef background color

This paragraph has a background color of #afd2ef.

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

#afd2ef border color

This element has a border color of #afd2ef.

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

CSS codes

.text {color:#afd2ef;}

.background {background-color:#afd2ef;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#071622
```
#071622 rgb(7,22,34)
```
#0a2033
```
#0a2033 rgb(10,32,51)
```
#0d2b43
```
#0d2b43 rgb(13,43,67)
```
#113553
```
#113553 rgb(17,53,83)
```
#144064
```
#144064 rgb(20,64,100)
```
#174a74
```
#174a74 rgb(23,74,116)
```
#1b5485
```
#1b5485 rgb(27,84,133)
```
#1e5f95
```
#1e5f95 rgb(30,95,149)
```
#2169a5
```
#2169a5 rgb(33,105,165)
```
#2474b6
```
#2474b6 rgb(36,116,182)
```
#287ec6
```
#287ec6 rgb(40,126,198)
```

Shade Color Variation

#2c88d5
```
#2c88d5 rgb(44,136,213)
```
#3d92d8
```
#3d92d8 rgb(61,146,216)
```
#4d9bdb
```
#4d9bdb rgb(77,155,219)
```
#5da4df
```
#5da4df rgb(93,164,223)
```
#6eade2
```
#6eade2 rgb(110,173,226)
```
#7eb6e5
```
#7eb6e5 rgb(126,182,229)
```
#8ec0e8
```
#8ec0e8 rgb(142,192,232)
```
#9fc9ec
```
#9fc9ec rgb(159,201,236)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#bfdbf2
```
#bfdbf2 rgb(191,219,242)
```
#d0e4f6
```
#d0e4f6 rgb(208,228,246)
```
#e0eef9
```
#e0eef9 rgb(224,238,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#cdcfd1
```
#cdcfd1 rgb(205,207,209)
```
#c9d0d5
```
#c9d0d5 rgb(201,208,213)
```
#c5d0d9
```
#c5d0d9 rgb(197,208,217)
```
#c1d0dd
```
#c1d0dd rgb(193,208,221)
```
#bed1e0
```
#bed1e0 rgb(190,209,224)
```
#bad1e4
```
#bad1e4 rgb(186,209,228)
```
#b6d1e8
```
#b6d1e8 rgb(182,209,232)
```
#b3d2eb
```
#b3d2eb rgb(179,210,235)
```
#afd2ef
```
#afd2ef rgb(175,210,239)
```
#abd2f3
```
#abd2f3 rgb(171,210,243)
```
#a8d3f6
```
#a8d3f6 rgb(168,211,246)
```
#a4d3fa
```
#a4d3fa rgb(164,211,250)
```
#a0d3fe
```
#a0d3fe rgb(160,211,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5ccd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#caceec Protanopia 1% of men
#d1cbf2 Deuteranopia 1% of men
#b0d6e5 Tritanopia 0.001% of the population

Trichromacy

#c0cfed Protanomaly 1% of men, 0.01% of women
#c5cef1 Deuteranomaly 6% of men, 0.4% of women
#afd4e9 Tritanomaly 0.01% of the population

#afd2ef hex color

#afd2ef Color Information

#afd2ef Color Conversion

Color Schemes with #afd2ef

Alternatives to #afd2ef

#afd2ef Preview

Shades and Tints of #afd2ef

Tones of #afd2ef

Color Blindness Simulator