#afefff hex color

In a RGB color space, hex #afefff is composed of 68.6% red, 93.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 6.3% magenta, 0% yellow and 0% black. It has a hue angle of 192 degrees, a saturation of 100% and a lightness of 84.3%. #afefff color hex could be obtained by blending #ffffff with #5fdfff. Closest websafe color is: #99ffff.

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

● #afefff color description : Pale cyan.

The hexadecimal color #afefff has RGB values of R:175, G:239, B:255 and CMYK values of C:0.31, M:0.06, Y:0, K:0. Its decimal value is 11530239.

Hex triplet	afefff	`#afefff`
RGB Decimal	175, 239, 255	`rgb(175,239,255)`
RGB Percent	68.6, 93.7, 100	`rgb(68.6%,93.7%,100%)`
CMYK	31, 6, 0, 0
HSL	192°, 100, 84.3	`hsl(192,100%,84.3%)`
HSV (or HSB)	192°, 31.4, 100
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.809, -16.303, -14.166
XYZ	66.591, 78.064, 106.161
xyY	0.265, 0.311, 78.064
CIE-LCH	90.809, 21.597, 220.988
CIE-LUV	90.809, -31.471, -19.855
Hunter-Lab	88.354, -20.086, -9.392
Binary	10101111, 11101111, 11111111

#afefff
```
#afefff rgb(175,239,255)
```
#ffbfaf
```
#ffbfaf rgb(255,191,175)
```

Complementary Color

#afffe7
```
#afffe7 rgb(175,255,231)
```
#afefff
```
#afefff rgb(175,239,255)
```
#afc7ff
```
#afc7ff rgb(175,199,255)
```

Analogous Color

#ffe7af
```
#ffe7af rgb(255,231,175)
```
#afefff
```
#afefff rgb(175,239,255)
```
#ffafc7
```
#ffafc7 rgb(255,175,199)
```

Split Complementary Color

#efffaf
```
#efffaf rgb(239,255,175)
```
#afefff
```
#afefff rgb(175,239,255)
```
#ffafef
```
#ffafef rgb(255,175,239)
```

Triadic Color

#afffbf
```
#afffbf rgb(175,255,191)
```
#afefff
```
#afefff rgb(175,239,255)
```
#ffafef
```
#ffafef rgb(255,175,239)
```
#ffbfaf
```
#ffbfaf rgb(255,191,175)
```

Tetradic Color

#63e0ff
```
#63e0ff rgb(99,224,255)
```
#7ce5ff
```
#7ce5ff rgb(124,229,255)
```
#96eaff
```
#96eaff rgb(150,234,255)
```
#afefff
```
#afefff rgb(175,239,255)
```
#c9f4ff
```
#c9f4ff rgb(201,244,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Monochromatic Color

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

#affffb
```
#affffb rgb(175,255,251)
```
#affcff
```
#affcff rgb(175,252,255)
```
#aff6ff
```
#aff6ff rgb(175,246,255)
```
#afefff
```
#afefff rgb(175,239,255)
```
#afe8ff
```
#afe8ff rgb(175,232,255)
```
#afe2ff
```
#afe2ff rgb(175,226,255)
```
#afdbff
```
#afdbff rgb(175,219,255)
```

Similar Colors

Text with hexadecimal color #afefff

This text has a font color of #afefff.

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

#afefff background color

This paragraph has a background color of #afefff.

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

#afefff border color

This element has a border color of #afefff.

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

CSS codes

.text {color:#afefff;}

.background {background-color:#afefff;}

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

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, #000e12 is the darkest color, while #fdffff is the lightest one.

#000e12
```
#000e12 rgb(0,14,18)
```
#001e26
```
#001e26 rgb(0,30,38)
```
#002e39
```
#002e39 rgb(0,46,57)
```
#003e4d
```
#003e4d rgb(0,62,77)
```
#004d61
```
#004d61 rgb(0,77,97)
```
#005d74
```
#005d74 rgb(0,93,116)
```
#006d88
```
#006d88 rgb(0,109,136)
```
#007c9b
```
#007c9b rgb(0,124,155)
```
#008caf
```
#008caf rgb(0,140,175)
```
#009cc3
```
#009cc3 rgb(0,156,195)
```
#00abd6
```
#00abd6 rgb(0,171,214)
```
#00bbea
```
#00bbea rgb(0,187,234)
```
#00cbfd
```
#00cbfd rgb(0,203,253)
```

Shade Color Variation

#12d0ff
```
#12d0ff rgb(18,208,255)
```
#26d4ff
```
#26d4ff rgb(38,212,255)
```
#39d7ff
```
#39d7ff rgb(57,215,255)
```
#4ddbff
```
#4ddbff rgb(77,219,255)
```
#61dfff
```
#61dfff rgb(97,223,255)
```
#74e3ff
```
#74e3ff rgb(116,227,255)
```
#88e7ff
```
#88e7ff rgb(136,231,255)
```
#9bebff
```
#9bebff rgb(155,235,255)
```
#afefff
```
#afefff rgb(175,239,255)
```
#c3f3ff
```
#c3f3ff rgb(195,243,255)
```
#d6f7ff
```
#d6f7ff rgb(214,247,255)
```
#eafbff
```
#eafbff rgb(234,251,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#d4d9da
```
#d4d9da rgb(212,217,218)
```
#d1dbdd
```
#d1dbdd rgb(209,219,221)
```
#cedde0
```
#cedde0 rgb(206,221,224)
```
#cbdee3
```
#cbdee3 rgb(203,222,227)
```
#c8e0e6
```
#c8e0e6 rgb(200,224,230)
```
#c5e2e9
```
#c5e2e9 rgb(197,226,233)
```
#c1e4ed
```
#c1e4ed rgb(193,228,237)
```
#bee6f0
```
#bee6f0 rgb(190,230,240)
```
#bbe8f3
```
#bbe8f3 rgb(187,232,243)
```
#b8e9f6
```
#b8e9f6 rgb(184,233,246)
```
#b5ebf9
```
#b5ebf9 rgb(181,235,249)
```
#b2edfc
```
#b2edfc rgb(178,237,252)
```
#afefff
```
#afefff rgb(175,239,255)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d5e1e5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e4f8 Protanopia 1% of men
#ebe1ff Deuteranopia 1% of men
#b8eeff Tritanopia 0.001% of the population

Trichromacy

#d0e8fa Protanomaly 1% of men, 0.01% of women
#d5e6ff Deuteranomaly 6% of men, 0.4% of women
#b4eeff Tritanomaly 0.01% of the population

#afefff hex color

#afefff Color Information

#afefff Color Conversion

Color Schemes with #afefff

Alternatives to #afefff

#afefff Preview

Shades and Tints of #afefff

Tones of #afefff

Color Blindness Simulator