#affdf1 hex color

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

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

● #affdf1 color description : Very soft cyan.

The hexadecimal color #affdf1 has RGB values of R:175, G:253, B:241 and CMYK values of C:0.31, M:0, Y:0.05, K:0.01. Its decimal value is 11533809.

Hex triplet	affdf1	`#affdf1`
RGB Decimal	175, 253, 241	`rgb(175,253,241)`
RGB Percent	68.6, 99.2, 94.5	`rgb(68.6%,99.2%,94.5%)`
CMYK	31, 0, 5, 1
HSL	170.8°, 95.1, 83.9	`hsl(170.8,95.1%,83.9%)`
HSV (or HSB)	170.8°, 30.8, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	94.189, -26.282, -1.89
XYZ	68.677, 85.712, 96.14
xyY	0.274, 0.342, 85.712
CIE-LCH	94.189, 26.35, 184.114
CIE-LUV	94.189, -37.49, 1.518
Hunter-Lab	92.581, -29.604, 3.238
Binary	10101111, 11111101, 11110001

#affdf1
```
#affdf1 rgb(175,253,241)
```
#fdafbb
```
#fdafbb rgb(253,175,187)
```

Complementary Color

#affdca
```
#affdca rgb(175,253,202)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#afe2fd
```
#afe2fd rgb(175,226,253)
```

Analogous Color

#fdcaaf
```
#fdcaaf rgb(253,202,175)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#fdafe2
```
#fdafe2 rgb(253,175,226)
```

Split Complementary Color

#fdf1af
```
#fdf1af rgb(253,241,175)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#f1affd
```
#f1affd rgb(241,175,253)
```

Triadic Color

#bbfdaf
```
#bbfdaf rgb(187,253,175)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#f1affd
```
#f1affd rgb(241,175,253)
```
#fdafbb
```
#fdafbb rgb(253,175,187)
```

Tetradic Color

#64fbe4
```
#64fbe4 rgb(100,251,228)
```
#7dfce8
```
#7dfce8 rgb(125,252,232)
```
#96fced
```
#96fced rgb(150,252,237)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#c8fef5
```
#c8fef5 rgb(200,254,245)
```
#e1fefa
```
#e1fefa rgb(225,254,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Monochromatic Color

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

#affdde
```
#affdde rgb(175,253,222)
```
#affde4
```
#affde4 rgb(175,253,228)
```
#affdeb
```
#affdeb rgb(175,253,235)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#affdf8
```
#affdf8 rgb(175,253,248)
```
#affcfd
```
#affcfd rgb(175,252,253)
```
#aff6fd
```
#aff6fd rgb(175,246,253)
```

Similar Colors

Text with hexadecimal color #affdf1

This text has a font color of #affdf1.

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

#affdf1 background color

This paragraph has a background color of #affdf1.

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

#affdf1 border color

This element has a border color of #affdf1.

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

CSS codes

.text {color:#affdf1;}

.background {background-color:#affdf1;}

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

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

#00100d
```
#00100d rgb(0,16,13)
```
#01231e
```
#01231e rgb(1,35,30)
```
#01362e
```
#01362e rgb(1,54,46)
```
#02493e
```
#02493e rgb(2,73,62)
```
#025c4e
```
#025c4e rgb(2,92,78)
```
#036f5f
```
#036f5f rgb(3,111,95)
```
#03836f
```
#03836f rgb(3,131,111)
```
#04967f
```
#04967f rgb(4,150,127)
```
#04a98f
```
#04a98f rgb(4,169,143)
```
#05bca0
```
#05bca0 rgb(5,188,160)
```
#05cfb0
```
#05cfb0 rgb(5,207,176)
```
#06e2c0
```
#06e2c0 rgb(6,226,192)
```
#06f5d1
```
#06f5d1 rgb(6,245,209)
```

Shade Color Variation

#16f9d6
```
#16f9d6 rgb(22,249,214)
```
#29fada
```
#29fada rgb(41,250,218)
```
#3cfadd
```
#3cfadd rgb(60,250,221)
```
#4ffbe0
```
#4ffbe0 rgb(79,251,224)
```
#62fbe4
```
#62fbe4 rgb(98,251,228)
```
#76fce7
```
#76fce7 rgb(118,252,231)
```
#89fcea
```
#89fcea rgb(137,252,234)
```
#9cfdee
```
#9cfdee rgb(156,253,238)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```
#c2fdf4
```
#c2fdf4 rgb(194,253,244)
```
#d5fef8
```
#d5fef8 rgb(213,254,248)
```
#e8fefb
```
#e8fefb rgb(232,254,251)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#d5d7d7
```
#d5d7d7 rgb(213,215,215)
```
#d2dad9
```
#d2dad9 rgb(210,218,217)
```
#cfdddb
```
#cfdddb rgb(207,221,219)
```
#cbe1dd
```
#cbe1dd rgb(203,225,221)
```
#c8e4e0
```
#c8e4e0 rgb(200,228,224)
```
#c5e7e2
```
#c5e7e2 rgb(197,231,226)
```
#c2eae4
```
#c2eae4 rgb(194,234,228)
```
#bfede6
```
#bfede6 rgb(191,237,230)
```
#bcf0e8
```
#bcf0e8 rgb(188,240,232)
```
#b8f4ea
```
#b8f4ea rgb(184,244,234)
```
#b5f7ed
```
#b5f7ed rgb(181,247,237)
```
#b2faef
```
#b2faef rgb(178,250,239)
```
#affdf1
```
#affdf1 rgb(175,253,241)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#d9e9e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4eee9 Protanopia 1% of men
#ffe9f7 Deuteranopia 1% of men
#d4f4ff Tritanopia 0.001% of the population

Trichromacy

#dbf3ec Protanomaly 1% of men, 0.01% of women
#e1f0f5 Deuteranomaly 6% of men, 0.4% of women
#c6f7f9 Tritanomaly 0.01% of the population

#affdf1 hex color

#affdf1 Color Information

#affdf1 Color Conversion

Color Schemes with #affdf1

Alternatives to #affdf1

#affdf1 Preview

Shades and Tints of #affdf1

Tones of #affdf1

Color Blindness Simulator