#8afde4 hex color

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

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

● #8afde4 color description : Soft cyan.

The hexadecimal color #8afde4 has RGB values of R:138, G:253, B:228 and CMYK values of C:0.45, M:0, Y:0.1, K:0.01. Its decimal value is 9108964.

Hex triplet	8afde4	`#8afde4`
RGB Decimal	138, 253, 228	`rgb(138,253,228)`
RGB Percent	54.1, 99.2, 89.4	`rgb(54.1%,99.2%,89.4%)`
CMYK	45, 0, 10, 1
HSL	167°, 96.6, 76.7	`hsl(167,96.6%,76.7%)`
HSV (or HSB)	167°, 45.5, 99.2
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.243, -38.59, 1.798
XYZ	59.606, 81.251, 85.937
xyY	0.263, 0.358, 81.251
CIE-LCH	92.243, 38.632, 177.332
CIE-LUV	92.243, -51.127, 9.22
Hunter-Lab	90.14, -39.709, 6.572
Binary	10001010, 11111101, 11100100

#8afde4
```
#8afde4 rgb(138,253,228)
```
#fd8aa3
```
#fd8aa3 rgb(253,138,163)
```

Complementary Color

#8afdab
```
#8afdab rgb(138,253,171)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#8addfd
```
#8addfd rgb(138,221,253)
```

Analogous Color

#fdab8a
```
#fdab8a rgb(253,171,138)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#fd8add
```
#fd8add rgb(253,138,221)
```

Split Complementary Color

#fde48a
```
#fde48a rgb(253,228,138)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#e48afd
```
#e48afd rgb(228,138,253)
```

Triadic Color

#a3fd8a
```
#a3fd8a rgb(163,253,138)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#e48afd
```
#e48afd rgb(228,138,253)
```
#fd8aa3
```
#fd8aa3 rgb(253,138,163)
```

Tetradic Color

#3ffcd3
```
#3ffcd3 rgb(63,252,211)
```
#58fcd8
```
#58fcd8 rgb(88,252,216)
```
#71fdde
```
#71fdde rgb(113,253,222)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#a3fdea
```
#a3fdea rgb(163,253,234)
```
#bcfef0
```
#bcfef0 rgb(188,254,240)
```
#d5fef5
```
#d5fef5 rgb(213,254,245)
```

Monochromatic Color

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

#8afdc7
```
#8afdc7 rgb(138,253,199)
```
#8afdd1
```
#8afdd1 rgb(138,253,209)
```
#8afdda
```
#8afdda rgb(138,253,218)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#8afdee
```
#8afdee rgb(138,253,238)
```
#8afdf7
```
#8afdf7 rgb(138,253,247)
```
#8af9fd
```
#8af9fd rgb(138,249,253)
```

Similar Colors

Text with hexadecimal color #8afde4

This text has a font color of #8afde4.

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

#8afde4 background color

This paragraph has a background color of #8afde4.

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

#8afde4 border color

This element has a border color of #8afde4.

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

CSS codes

.text {color:#8afde4;}

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

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

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

#00120e
```
#00120e rgb(0,18,14)
```
#01251d
```
#01251d rgb(1,37,29)
```
#01392c
```
#01392c rgb(1,57,44)
```
#014c3c
```
#014c3c rgb(1,76,60)
```
#025f4b
```
#025f4b rgb(2,95,75)
```
#02725a
```
#02725a rgb(2,114,90)
```
#028669
```
#028669 rgb(2,134,105)
```
#039978
```
#039978 rgb(3,153,120)
```
#03ac87
```
#03ac87 rgb(3,172,135)
```
#03c097
```
#03c097 rgb(3,192,151)
```
#04d3a6
```
#04d3a6 rgb(4,211,166)
```
#04e6b5
```
#04e6b5 rgb(4,230,181)
```
#04f9c4
```
#04f9c4 rgb(4,249,196)
```

Shade Color Variation

#16fbc9
```
#16fbc9 rgb(22,251,201)
```
#2afbce
```
#2afbce rgb(42,251,206)
```
#3dfcd2
```
#3dfcd2 rgb(61,252,210)
```
#50fcd7
```
#50fcd7 rgb(80,252,215)
```
#63fcdb
```
#63fcdb rgb(99,252,219)
```
#77fde0
```
#77fde0 rgb(119,253,224)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```
#9dfde8
```
#9dfde8 rgb(157,253,232)
```
#b1feed
```
#b1feed rgb(177,254,237)
```
#c4fef1
```
#c4fef1 rgb(196,254,241)
```
#d7fef6
```
#d7fef6 rgb(215,254,246)
```
#eafffa
```
#eafffa rgb(234,255,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#c1c6c5
```
#c1c6c5 rgb(193,198,197)
```
#bccbc8
```
#bccbc8 rgb(188,203,200)
```
#b8cfca
```
#b8cfca rgb(184,207,202)
```
#b3d4cd
```
#b3d4cd rgb(179,212,205)
```
#afd8cf
```
#afd8cf rgb(175,216,207)
```
#aaddd2
```
#aaddd2 rgb(170,221,210)
```
#a5e2d4
```
#a5e2d4 rgb(165,226,212)
```
#a1e6d7
```
#a1e6d7 rgb(161,230,215)
```
#9cebda
```
#9cebda rgb(156,235,218)
```
#98efdc
```
#98efdc rgb(152,239,220)
```
#93f4df
```
#93f4df rgb(147,244,223)
```
#8ff8e1
```
#8ff8e1 rgb(143,248,225)
```
#8afde4
```
#8afde4 rgb(138,253,228)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#c8dfda Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e8db Protanopia 1% of men
#fde3ee Deuteranopia 1% of men
#bdf2ff Tritanopia 0.001% of the population

Trichromacy

#cbf0de Protanomaly 1% of men, 0.01% of women
#d3ecea Deuteranomaly 6% of men, 0.4% of women
#aaf6f5 Tritanomaly 0.01% of the population

#8afde4 hex color

#8afde4 Color Information

#8afde4 Color Conversion

Color Schemes with #8afde4

Alternatives to #8afde4

#8afde4 Preview

Shades and Tints of #8afde4

Tones of #8afde4

Color Blindness Simulator