#8afdf2 hex color

In a RGB color space, hex #8afdf2 is composed of 54.1% red, 99.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 4.3% yellow and 0.8% black. It has a hue angle of 174.3 degrees, a saturation of 96.6% and a lightness of 76.7%. #8afdf2 color hex could be obtained by blending #ffffff with #15fbe5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 54
- G 99
- B 95
RGB color chart
- C 45
- M 0
- Y 4
- K 1
CMYK color chart

● #8afdf2 color description : Soft cyan.

The hexadecimal color #8afdf2 has RGB values of R:138, G:253, B:242 and CMYK values of C:0.45, M:0, Y:0.04, K:0.01. Its decimal value is 9108978.

Hex triplet	8afdf2	`#8afdf2`
RGB Decimal	138, 253, 242	`rgb(138,253,242)`
RGB Percent	54.1, 99.2, 94.9	`rgb(54.1%,99.2%,94.9%)`
CMYK	45, 0, 4, 1
HSL	174.3°, 96.6, 76.7	`hsl(174.3,96.6%,76.7%)`
HSV (or HSB)	174.3°, 45.5, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.602, -35.346, -4.927
XYZ	61.629, 82.061, 96.591
xyY	0.256, 0.342, 82.061
CIE-LCH	92.602, 35.687, 187.936
CIE-LUV	92.602, -50.615, -1.908
Hunter-Lab	90.587, -37.09, 0.192
Binary	10001010, 11111101, 11110010

#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#fd8a95
```
#fd8a95 rgb(253,138,149)
```

Complementary Color

#8afdb9
```
#8afdb9 rgb(138,253,185)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#8acffd
```
#8acffd rgb(138,207,253)
```

Analogous Color

#fdb98a
```
#fdb98a rgb(253,185,138)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#fd8acf
```
#fd8acf rgb(253,138,207)
```

Split Complementary Color

#fdf28a
```
#fdf28a rgb(253,242,138)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#f28afd
```
#f28afd rgb(242,138,253)
```

Triadic Color

#95fd8a
```
#95fd8a rgb(149,253,138)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#f28afd
```
#f28afd rgb(242,138,253)
```
#fd8a95
```
#fd8a95 rgb(253,138,149)
```

Tetradic Color

#3ffcea
```
#3ffcea rgb(63,252,234)
```
#58fcec
```
#58fcec rgb(88,252,236)
```
#71fdef
```
#71fdef rgb(113,253,239)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#a3fdf5
```
#a3fdf5 rgb(163,253,245)
```
#bcfef8
```
#bcfef8 rgb(188,254,248)
```
#d5fefa
```
#d5fefa rgb(213,254,250)
```

Monochromatic Color

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

#8afdd5
```
#8afdd5 rgb(138,253,213)
```
#8afddf
```
#8afddf rgb(138,253,223)
```
#8afde8
```
#8afde8 rgb(138,253,232)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#8afdfc
```
#8afdfc rgb(138,253,252)
```
#8af5fd
```
#8af5fd rgb(138,245,253)
```
#8aebfd
```
#8aebfd rgb(138,235,253)
```

Similar Colors

Text with hexadecimal color #8afdf2

This text has a font color of #8afdf2.

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

#8afdf2 background color

This paragraph has a background color of #8afdf2.

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

#8afdf2 border color

This element has a border color of #8afdf2.

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

CSS codes

.text {color:#8afdf2;}

.background {background-color:#8afdf2;}

.border {border:1px solid #8afdf2;}

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

#001210
```
#001210 rgb(0,18,16)
```
#012522
```
#012522 rgb(1,37,34)
```
#013933
```
#013933 rgb(1,57,51)
```
#014c45
```
#014c45 rgb(1,76,69)
```
#025f56
```
#025f56 rgb(2,95,86)
```
#027268
```
#027268 rgb(2,114,104)
```
#028679
```
#028679 rgb(2,134,121)
```
#03998b
```
#03998b rgb(3,153,139)
```
#03ac9c
```
#03ac9c rgb(3,172,156)
```
#03c0ae
```
#03c0ae rgb(3,192,174)
```
#04d3bf
```
#04d3bf rgb(4,211,191)
```
#04e6d1
```
#04e6d1 rgb(4,230,209)
```
#04f9e2
```
#04f9e2 rgb(4,249,226)
```

Shade Color Variation

#16fbe5
```
#16fbe5 rgb(22,251,229)
```
#2afbe7
```
#2afbe7 rgb(42,251,231)
```
#3dfce9
```
#3dfce9 rgb(61,252,233)
```
#50fcec
```
#50fcec rgb(80,252,236)
```
#63fcee
```
#63fcee rgb(99,252,238)
```
#77fdf0
```
#77fdf0 rgb(119,253,240)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```
#9dfdf4
```
#9dfdf4 rgb(157,253,244)
```
#b1fef6
```
#b1fef6 rgb(177,254,246)
```
#c4fef8
```
#c4fef8 rgb(196,254,248)
```
#d7fefb
```
#d7fefb rgb(215,254,251)
```
#eafffd
```
#eafffd rgb(234,255,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#c1c6c6
```
#c1c6c6 rgb(193,198,198)
```
#bccbc9
```
#bccbc9 rgb(188,203,201)
```
#b8cfcd
```
#b8cfcd rgb(184,207,205)
```
#b3d4d1
```
#b3d4d1 rgb(179,212,209)
```
#afd8d4
```
#afd8d4 rgb(175,216,212)
```
#aaddd8
```
#aaddd8 rgb(170,221,216)
```
#a5e2dc
```
#a5e2dc rgb(165,226,220)
```
#a1e6df
```
#a1e6df rgb(161,230,223)
```
#9cebe3
```
#9cebe3 rgb(156,235,227)
```
#98efe7
```
#98efe7 rgb(152,239,231)
```
#93f4eb
```
#93f4eb rgb(147,244,235)
```
#8ff8ee
```
#8ff8ee rgb(143,248,238)
```
#8afdf2
```
#8afdf2 rgb(138,253,242)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#c9e0de Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe9e8 Protanopia 1% of men
#f8e4fb Deuteranopia 1% of men
#c0f3ff Tritanopia 0.001% of the population

Trichromacy

#caf0eb Protanomaly 1% of men, 0.01% of women
#d0edf7 Deuteranomaly 6% of men, 0.4% of women
#acf7fa Tritanomaly 0.01% of the population

#8afdf2 hex color

#8afdf2 Color Information

#8afdf2 Color Conversion

Color Schemes with #8afdf2

Alternatives to #8afdf2

#8afdf2 Preview

Shades and Tints of #8afdf2

Tones of #8afdf2

Color Blindness Simulator