#afcddf hex color

In a RGB color space, hex #afcddf is composed of 68.6% red, 80.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 8.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 202.5 degrees, a saturation of 42.9% and a lightness of 78%. #afcddf color hex could be obtained by blending #ffffff with #5f9bbf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 80
- B 87
RGB color chart
- C 22
- M 8
- Y 0
- K 13
CMYK color chart

● #afcddf color description : Very soft blue.

The hexadecimal color #afcddf has RGB values of R:175, G:205, B:223 and CMYK values of C:0.22, M:0.08, Y:0, K:0.13. Its decimal value is 11521503.

Hex triplet	afcddf	`#afcddf`
RGB Decimal	175, 205, 223	`rgb(175,205,223)`
RGB Percent	68.6, 80.4, 87.5	`rgb(68.6%,80.4%,87.5%)`
CMYK	22, 8, 0, 13
HSL	202.5°, 42.9, 78	`hsl(202.5,42.9%,78%)`
HSV (or HSB)	202.5°, 21.5, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.796, -6.129, -12.247
XYZ	52.827, 58.103, 78.24
xyY	0.279, 0.307, 58.103
CIE-LCH	80.796, 13.696, 243.413
CIE-LUV	80.796, -16.318, -18.049
Hunter-Lab	76.225, -9.688, -7.499
Binary	10101111, 11001101, 11011111

#afcddf
```
#afcddf rgb(175,205,223)
```
#dfc1af
```
#dfc1af rgb(223,193,175)
```

Complementary Color

#afdfd9
```
#afdfd9 rgb(175,223,217)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#afb5df
```
#afb5df rgb(175,181,223)
```

Analogous Color

#dfd9af
```
#dfd9af rgb(223,217,175)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#dfafb5
```
#dfafb5 rgb(223,175,181)
```

Split Complementary Color

#cddfaf
```
#cddfaf rgb(205,223,175)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#dfafcd
```
#dfafcd rgb(223,175,205)
```

Triadic Color

#afdfc1
```
#afdfc1 rgb(175,223,193)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#dfafcd
```
#dfafcd rgb(223,175,205)
```
#dfc1af
```
#dfc1af rgb(223,193,175)
```

Tetradic Color

#78abc9
```
#78abc9 rgb(120,171,201)
```
#8bb6d0
```
#8bb6d0 rgb(139,182,208)
```
#9dc2d8
```
#9dc2d8 rgb(157,194,216)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#c1d8e6
```
#c1d8e6 rgb(193,216,230)
```
#d3e4ee
```
#d3e4ee rgb(211,228,238)
```
#e6eff5
```
#e6eff5 rgb(230,239,245)
```

Monochromatic Color

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

#afd9df
```
#afd9df rgb(175,217,223)
```
#afd5df
```
#afd5df rgb(175,213,223)
```
#afd1df
```
#afd1df rgb(175,209,223)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#afc9df
```
#afc9df rgb(175,201,223)
```
#afc5df
```
#afc5df rgb(175,197,223)
```
#afc1df
```
#afc1df rgb(175,193,223)
```

Similar Colors

Text with hexadecimal color #afcddf

This text has a font color of #afcddf.

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

#afcddf background color

This paragraph has a background color of #afcddf.

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

#afcddf border color

This element has a border color of #afcddf.

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

CSS codes

.text {color:#afcddf;}

.background {background-color:#afcddf;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0d1920
```
#0d1920 rgb(13,25,32)
```
#12242e
```
#12242e rgb(18,36,46)
```
#182f3c
```
#182f3c rgb(24,47,60)
```
#1e394a
```
#1e394a rgb(30,57,74)
```
#234458
```
#234458 rgb(35,68,88)
```
#294f66
```
#294f66 rgb(41,79,102)
```
#2e5a74
```
#2e5a74 rgb(46,90,116)
```
#346582
```
#346582 rgb(52,101,130)
```
#3a7090
```
#3a7090 rgb(58,112,144)
```
#3f7b9e
```
#3f7b9e rgb(63,123,158)
```
#4585ac
```
#4585ac rgb(69,133,172)
```

Shade Color Variation

#4d90b8
```
#4d90b8 rgb(77,144,184)
```
#5b98bd
```
#5b98bd rgb(91,152,189)
```
#69a1c3
```
#69a1c3 rgb(105,161,195)
```
#77aac9
```
#77aac9 rgb(119,170,201)
```
#85b3ce
```
#85b3ce rgb(133,179,206)
```
#93bbd4
```
#93bbd4 rgb(147,187,212)
```
#a1c4d9
```
#a1c4d9 rgb(161,196,217)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#bdd6e5
```
#bdd6e5 rgb(189,214,229)
```
#cbdfea
```
#cbdfea rgb(203,223,234)
```
#d9e7f0
```
#d9e7f0 rgb(217,231,240)
```
#e7f0f5
```
#e7f0f5 rgb(231,240,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#c5c8c9
```
#c5c8c9 rgb(197,200,201)
```
#c0c9ce
```
#c0c9ce rgb(192,201,206)
```
#bccad2
```
#bccad2 rgb(188,202,210)
```
#b8cbd6
```
#b8cbd6 rgb(184,203,214)
```
#b3ccdb
```
#b3ccdb rgb(179,204,219)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#abcee3
```
#abcee3 rgb(171,206,227)
```
#a6cfe8
```
#a6cfe8 rgb(166,207,232)
```
#a2d0ec
```
#a2d0ec rgb(162,208,236)
```
#9ed1f0
```
#9ed1f0 rgb(158,209,240)
```
#99d2f5
```
#99d2f5 rgb(153,210,245)
```
#95d3f9
```
#95d3f9 rgb(149,211,249)
```
#91d5fd
```
#91d5fd rgb(145,213,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c1c7cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cadd Protanopia 1% of men
#d2c6e3 Deuteranopia 1% of men
#b2cfde Tritanopia 0.001% of the population

Trichromacy

#bfcbde Protanomaly 1% of men, 0.01% of women
#c5c8e2 Deuteranomaly 6% of men, 0.4% of women
#b1cede Tritanomaly 0.01% of the population

#afcddf hex color

#afcddf Color Information

#afcddf Color Conversion

Color Schemes with #afcddf

Alternatives to #afcddf

#afcddf Preview

Shades and Tints of #afcddf

Tones of #afcddf

Color Blindness Simulator