#afcdf2 hex color

In a RGB color space, hex #afcdf2 is composed of 68.6% red, 80.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 15.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 213.1 degrees, a saturation of 72% and a lightness of 81.8%. #afcdf2 color hex could be obtained by blending #ffffff with #5f9be5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 80
- B 95
RGB color chart
- C 28
- M 15
- Y 0
- K 5
CMYK color chart

● #afcdf2 color description : Very soft blue.

The hexadecimal color #afcdf2 has RGB values of R:175, G:205, B:242 and CMYK values of C:0.28, M:0.15, Y:0, K:0.05. Its decimal value is 11521522.

Hex triplet	afcdf2	`#afcdf2`
RGB Decimal	175, 205, 242	`rgb(175,205,242)`
RGB Percent	68.6, 80.4, 94.9	`rgb(68.6%,80.4%,94.9%)`
CMYK	28, 15, 0, 5
HSL	213.1°, 72, 81.8	`hsl(213.1,72%,81.8%)`
HSV (or HSB)	213.1°, 27.7, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.394, -1.8, -21.497
XYZ	55.534, 59.186, 92.498
xyY	0.268, 0.286, 59.186
CIE-LCH	81.394, 21.573, 265.214
CIE-LUV	81.394, -16.806, -33.871
Hunter-Lab	76.932, -5.781, -17.433
Binary	10101111, 11001101, 11110010

#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#f2d4af
```
#f2d4af rgb(242,212,175)
```

Complementary Color

#afeff2
```
#afeff2 rgb(175,239,242)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#b3aff2
```
#b3aff2 rgb(179,175,242)
```

Analogous Color

#eff2af
```
#eff2af rgb(239,242,175)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#f2b3af
```
#f2b3af rgb(242,179,175)
```

Split Complementary Color

#cdf2af
```
#cdf2af rgb(205,242,175)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#f2afcd
```
#f2afcd rgb(242,175,205)
```

Triadic Color

#aff2d4
```
#aff2d4 rgb(175,242,212)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#f2afcd
```
#f2afcd rgb(242,175,205)
```
#f2d4af
```
#f2d4af rgb(242,212,175)
```

Tetradic Color

#6da4e7
```
#6da4e7 rgb(109,164,231)
```
#83b2eb
```
#83b2eb rgb(131,178,235)
```
#99bfee
```
#99bfee rgb(153,191,238)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#c5dbf6
```
#c5dbf6 rgb(197,219,246)
```
#dbe8f9
```
#dbe8f9 rgb(219,232,249)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Monochromatic Color

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

#afdef2
```
#afdef2 rgb(175,222,242)
```
#afd8f2
```
#afd8f2 rgb(175,216,242)
```
#afd3f2
```
#afd3f2 rgb(175,211,242)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#afc7f2
```
#afc7f2 rgb(175,199,242)
```
#afc2f2
```
#afc2f2 rgb(175,194,242)
```
#afbcf2
```
#afbcf2 rgb(175,188,242)
```

Similar Colors

Text with hexadecimal color #afcdf2

This text has a font color of #afcdf2.

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

#afcdf2 background color

This paragraph has a background color of #afcdf2.

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

#afcdf2 border color

This element has a border color of #afcdf2.

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

CSS codes

.text {color:#afcdf2;}

.background {background-color:#afcdf2;}

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#061426
```
#061426 rgb(6,20,38)
```
#091e37
```
#091e37 rgb(9,30,55)
```
#0c2748
```
#0c2748 rgb(12,39,72)
```
#0e3059
```
#0e3059 rgb(14,48,89)
```
#11396a
```
#11396a rgb(17,57,106)
```
#14427a
```
#14427a rgb(20,66,122)
```
#174b8b
```
#174b8b rgb(23,75,139)
```
#19549c
```
#19549c rgb(25,84,156)
```
#1c5dad
```
#1c5dad rgb(28,93,173)
```
#1f66be
```
#1f66be rgb(31,102,190)
```
#226fcf
```
#226fcf rgb(34,111,207)
```

Shade Color Variation

#2879dc
```
#2879dc rgb(40,121,220)
```
#3983df
```
#3983df rgb(57,131,223)
```
#4a8ee2
```
#4a8ee2 rgb(74,142,226)
```
#5b98e4
```
#5b98e4 rgb(91,152,228)
```
#6ca3e7
```
#6ca3e7 rgb(108,163,231)
```
#7cadea
```
#7cadea rgb(124,173,234)
```
#8db8ed
```
#8db8ed rgb(141,184,237)
```
#9ec2ef
```
#9ec2ef rgb(158,194,239)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#c0d8f5
```
#c0d8f5 rgb(192,216,245)
```
#d1e2f7
```
#d1e2f7 rgb(209,226,247)
```
#e2edfa
```
#e2edfa rgb(226,237,250)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#cfd0d2
```
#cfd0d2 rgb(207,208,210)
```
#ccd0d5
```
#ccd0d5 rgb(204,208,213)
```
#c8d0d9
```
#c8d0d9 rgb(200,208,217)
```
#c4cfdd
```
#c4cfdd rgb(196,207,221)
```
#c1cfe0
```
#c1cfe0 rgb(193,207,224)
```
#bdcee4
```
#bdcee4 rgb(189,206,228)
```
#bacee7
```
#bacee7 rgb(186,206,231)
```
#b6ceeb
```
#b6ceeb rgb(182,206,235)
```
#b3cdee
```
#b3cdee rgb(179,205,238)
```
#afcdf2
```
#afcdf2 rgb(175,205,242)
```
#abcdf6
```
#abcdf6 rgb(171,205,246)
```
#a8ccf9
```
#a8ccf9 rgb(168,204,249)
```
#a4ccfd
```
#a4ccfd rgb(164,204,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3c9d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4cbf0 Protanopia 1% of men
#cac8f5 Deuteranopia 1% of men
#aed2e1 Tritanopia 0.001% of the population

Trichromacy

#bccbf0 Protanomaly 1% of men, 0.01% of women
#c0caf3 Deuteranomaly 6% of men, 0.4% of women
#aed0e7 Tritanomaly 0.01% of the population

#afcdf2 hex color

#afcdf2 Color Information

#afcdf2 Color Conversion

Color Schemes with #afcdf2

Alternatives to #afcdf2

#afcdf2 Preview

Shades and Tints of #afcdf2

Tones of #afcdf2

Color Blindness Simulator