#8affd5 hex color

In a RGB color space, hex #8affd5 is composed of 54.1% red, 100% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 0% magenta, 16.5% yellow and 0% black. It has a hue angle of 158.5 degrees, a saturation of 100% and a lightness of 77.1%. #8affd5 color hex could be obtained by blending #ffffff with #15ffab. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 54
- G 100
- B 84
RGB color chart
- C 46
- M 0
- Y 16
- K 0
CMYK color chart

● #8affd5 color description : Very light cyan - lime green.

The hexadecimal color #8affd5 has RGB values of R:138, G:255, B:213 and CMYK values of C:0.46, M:0, Y:0.16, K:0. Its decimal value is 9109461.

Hex triplet	8affd5	`#8affd5`
RGB Decimal	138, 255, 213	`rgb(138,255,213)`
RGB Percent	54.1, 100, 83.5	`rgb(54.1%,100%,83.5%)`
CMYK	46, 0, 16, 0
HSL	158.5°, 100, 77.1	`hsl(158.5,100%,77.1%)`
HSV (or HSB)	158.5°, 45.9, 100
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.453, -42.768, 9.847
XYZ	58.248, 81.724, 75.652
xyY	0.27, 0.379, 81.724
CIE-LCH	92.453, 43.887, 167.033
CIE-LUV	92.453, -52.462, 22.135
Hunter-Lab	90.401, -43.19, 13.664
Binary	10001010, 11111111, 11010101

#8affd5
```
#8affd5 rgb(138,255,213)
```
#ff8ab4
```
#ff8ab4 rgb(255,138,180)
```

Complementary Color

#8aff9b
```
#8aff9b rgb(138,255,155)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#8aefff
```
#8aefff rgb(138,239,255)
```

Analogous Color

#ff9b8a
```
#ff9b8a rgb(255,155,138)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#ff8aef
```
#ff8aef rgb(255,138,239)
```

Split Complementary Color

#ffd58a
```
#ffd58a rgb(255,213,138)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#d58aff
```
#d58aff rgb(213,138,255)
```

Triadic Color

#b4ff8a
```
#b4ff8a rgb(180,255,138)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#d58aff
```
#d58aff rgb(213,138,255)
```
#ff8ab4
```
#ff8ab4 rgb(255,138,180)
```

Tetradic Color

#3effba
```
#3effba rgb(62,255,186)
```
#57ffc3
```
#57ffc3 rgb(87,255,195)
```
#71ffcc
```
#71ffcc rgb(113,255,204)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#a4ffde
```
#a4ffde rgb(164,255,222)
```
#bdffe7
```
#bdffe7 rgb(189,255,231)
```
#d7fff0
```
#d7fff0 rgb(215,255,240)
```

Monochromatic Color

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

#8affb8
```
#8affb8 rgb(138,255,184)
```
#8affc2
```
#8affc2 rgb(138,255,194)
```
#8affcb
```
#8affcb rgb(138,255,203)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#8affdf
```
#8affdf rgb(138,255,223)
```
#8affe9
```
#8affe9 rgb(138,255,233)
```
#8afff2
```
#8afff2 rgb(138,255,242)
```

Similar Colors

Text with hexadecimal color #8affd5

This text has a font color of #8affd5.

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

#8affd5 background color

This paragraph has a background color of #8affd5.

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

#8affd5 border color

This element has a border color of #8affd5.

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

CSS codes

.text {color:#8affd5;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#00140d
```
#00140d rgb(0,20,13)
```
#00281a
```
#00281a rgb(0,40,26)
```
#003c26
```
#003c26 rgb(0,60,38)
```
#004f33
```
#004f33 rgb(0,79,51)
```
#00633f
```
#00633f rgb(0,99,63)
```
#00764c
```
#00764c rgb(0,118,76)
```
#008a58
```
#008a58 rgb(0,138,88)
```
#009e65
```
#009e65 rgb(0,158,101)
```
#00b172
```
#00b172 rgb(0,177,114)
```
#00c57e
```
#00c57e rgb(0,197,126)
```
#00d88b
```
#00d88b rgb(0,216,139)
```
#00ec97
```
#00ec97 rgb(0,236,151)
```

Shade Color Variation

#01ffa4
```
#01ffa4 rgb(1,255,164)
```
#14ffab
```
#14ffab rgb(20,255,171)
```
#28ffb2
```
#28ffb2 rgb(40,255,178)
```
#3cffb9
```
#3cffb9 rgb(60,255,185)
```
#4fffc0
```
#4fffc0 rgb(79,255,192)
```
#63ffc7
```
#63ffc7 rgb(99,255,199)
```
#76ffce
```
#76ffce rgb(118,255,206)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```
#9effdc
```
#9effdc rgb(158,255,220)
```
#b1ffe3
```
#b1ffe3 rgb(177,255,227)
```
#c5ffea
```
#c5ffea rgb(197,255,234)
```
#d8fff1
```
#d8fff1 rgb(216,255,241)
```
#ecfff8
```
#ecfff8 rgb(236,255,248)
```

Tint Color Variation

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

#c0c9c6
```
#c0c9c6 rgb(192,201,198)
```
#bccec7
```
#bccec7 rgb(188,206,199)
```
#b7d2c8
```
#b7d2c8 rgb(183,210,200)
```
#b3d7ca
```
#b3d7ca rgb(179,215,202)
```
#aedbcb
```
#aedbcb rgb(174,219,203)
```
#aae0cc
```
#aae0cc rgb(170,224,204)
```
#a5e4cd
```
#a5e4cd rgb(165,228,205)
```
#a1e9cf
```
#a1e9cf rgb(161,233,207)
```
#9cedd0
```
#9cedd0 rgb(156,237,208)
```
#98f2d1
```
#98f2d1 rgb(152,242,209)
```
#93f6d2
```
#93f6d2 rgb(147,246,210)
```
#8ffbd4
```
#8ffbd4 rgb(143,251,212)
```
#8affd5
```
#8affd5 rgb(138,255,213)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#c8dfd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e9cd Protanopia 1% of men
#ffe4e2 Deuteranopia 1% of men
#c0f3ff Tritanopia 0.001% of the population

Trichromacy

#cef1cf Protanomaly 1% of men, 0.01% of women
#d4eedd Deuteranomaly 6% of men, 0.4% of women
#acf7ef Tritanomaly 0.01% of the population

#8affd5 hex color

#8affd5 Color Information

#8affd5 Color Conversion

Color Schemes with #8affd5

Alternatives to #8affd5

#8affd5 Preview

Shades and Tints of #8affd5

Tones of #8affd5

Color Blindness Simulator