#affdf4 hex color

In a RGB color space, hex #affdf4 is composed of 68.6% red, 99.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 3.6% yellow and 0.8% black. It has a hue angle of 173.1 degrees, a saturation of 95.1% and a lightness of 83.9%. #affdf4 color hex could be obtained by blending #ffffff with #5ffbe9. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 69
- G 99
- B 96
RGB color chart
- C 31
- M 0
- Y 4
- K 1
CMYK color chart

● #affdf4 color description : Very soft cyan.

The hexadecimal color #affdf4 has RGB values of R:175, G:253, B:244 and CMYK values of C:0.31, M:0, Y:0.04, K:0.01. Its decimal value is 11533812.

Hex triplet	affdf4	`#affdf4`
RGB Decimal	175, 253, 244	`rgb(175,253,244)`
RGB Percent	68.6, 99.2, 95.7	`rgb(68.6%,99.2%,95.7%)`
CMYK	31, 0, 4, 1
HSL	173.1°, 95.1, 83.9	`hsl(173.1,95.1%,83.9%)`
HSV (or HSB)	173.1°, 30.8, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	94.267, -25.634, -3.327
XYZ	69.129, 85.893, 98.519
xyY	0.273, 0.339, 85.893
CIE-LCH	94.267, 25.849, 187.395
CIE-LUV	94.267, -37.458, -0.861
Hunter-Lab	92.679, -29.044, 1.848
Binary	10101111, 11111101, 11110100

#affdf4
```
#affdf4 rgb(175,253,244)
```
#fdafb8
```
#fdafb8 rgb(253,175,184)
```

Complementary Color

#affdcd
```
#affdcd rgb(175,253,205)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#afdffd
```
#afdffd rgb(175,223,253)
```

Analogous Color

#fdcdaf
```
#fdcdaf rgb(253,205,175)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#fdafdf
```
#fdafdf rgb(253,175,223)
```

Split Complementary Color

#fdf4af
```
#fdf4af rgb(253,244,175)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#f4affd
```
#f4affd rgb(244,175,253)
```

Triadic Color

#b8fdaf
```
#b8fdaf rgb(184,253,175)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#f4affd
```
#f4affd rgb(244,175,253)
```
#fdafb8
```
#fdafb8 rgb(253,175,184)
```

Tetradic Color

#64fbea
```
#64fbea rgb(100,251,234)
```
#7dfced
```
#7dfced rgb(125,252,237)
```
#96fcf1
```
#96fcf1 rgb(150,252,241)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#c8fef7
```
#c8fef7 rgb(200,254,247)
```
#e1fefb
```
#e1fefb rgb(225,254,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Monochromatic Color

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

#affde1
```
#affde1 rgb(175,253,225)
```
#affde7
```
#affde7 rgb(175,253,231)
```
#affdee
```
#affdee rgb(175,253,238)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#affdfb
```
#affdfb rgb(175,253,251)
```
#aff9fd
```
#aff9fd rgb(175,249,253)
```
#aff3fd
```
#aff3fd rgb(175,243,253)
```

Similar Colors

Text with hexadecimal color #affdf4

This text has a font color of #affdf4.

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

#affdf4 background color

This paragraph has a background color of #affdf4.

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

#affdf4 border color

This element has a border color of #affdf4.

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

CSS codes

.text {color:#affdf4;}

.background {background-color:#affdf4;}

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

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, #00100e is the darkest color, while #fcffff is the lightest one.

#00100e
```
#00100e rgb(0,16,14)
```
#01231f
```
#01231f rgb(1,35,31)
```
#013630
```
#013630 rgb(1,54,48)
```
#024941
```
#024941 rgb(2,73,65)
```
#025c52
```
#025c52 rgb(2,92,82)
```
#036f63
```
#036f63 rgb(3,111,99)
```
#038374
```
#038374 rgb(3,131,116)
```
#049685
```
#049685 rgb(4,150,133)
```
#04a996
```
#04a996 rgb(4,169,150)
```
#05bca7
```
#05bca7 rgb(5,188,167)
```
#05cfb8
```
#05cfb8 rgb(5,207,184)
```
#06e2c9
```
#06e2c9 rgb(6,226,201)
```
#06f5da
```
#06f5da rgb(6,245,218)
```

Shade Color Variation

#16f9df
```
#16f9df rgb(22,249,223)
```
#29fae2
```
#29fae2 rgb(41,250,226)
```
#3cfae4
```
#3cfae4 rgb(60,250,228)
```
#4ffbe7
```
#4ffbe7 rgb(79,251,231)
```
#62fbe9
```
#62fbe9 rgb(98,251,233)
```
#76fcec
```
#76fcec rgb(118,252,236)
```
#89fcef
```
#89fcef rgb(137,252,239)
```
#9cfdf1
```
#9cfdf1 rgb(156,253,241)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```
#c2fdf7
```
#c2fdf7 rgb(194,253,247)
```
#d5fef9
```
#d5fef9 rgb(213,254,249)
```
#e8fefc
```
#e8fefc rgb(232,254,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#d5d7d7
```
#d5d7d7 rgb(213,215,215)
```
#d2dad9
```
#d2dad9 rgb(210,218,217)
```
#cfdddc
```
#cfdddc rgb(207,221,220)
```
#cbe1de
```
#cbe1de rgb(203,225,222)
```
#c8e4e1
```
#c8e4e1 rgb(200,228,225)
```
#c5e7e3
```
#c5e7e3 rgb(197,231,227)
```
#c2eae5
```
#c2eae5 rgb(194,234,229)
```
#bfede8
```
#bfede8 rgb(191,237,232)
```
#bcf0ea
```
#bcf0ea rgb(188,240,234)
```
#b8f4ed
```
#b8f4ed rgb(184,244,237)
```
#b5f7ef
```
#b5f7ef rgb(181,247,239)
```
#b2faf2
```
#b2faf2 rgb(178,250,242)
```
#affdf4
```
#affdf4 rgb(175,253,244)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#daeae8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3eeec Protanopia 1% of men
#ffe9fa Deuteranopia 1% of men
#d4f4ff Tritanopia 0.001% of the population

Trichromacy

#daf3ef Protanomaly 1% of men, 0.01% of women
#e1f0f8 Deuteranomaly 6% of men, 0.4% of women
#c7f7fb Tritanomaly 0.01% of the population

#affdf4 hex color

#affdf4 Color Information

#affdf4 Color Conversion

Color Schemes with #affdf4

Alternatives to #affdf4

#affdf4 Preview

Shades and Tints of #affdf4

Tones of #affdf4

Color Blindness Simulator