#8affd9 hex color

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

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

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

The hexadecimal color #8affd9 has RGB values of R:138, G:255, B:217 and CMYK values of C:0.46, M:0, Y:0.15, K:0. Its decimal value is 9109465.

Hex triplet	8affd9	`#8affd9`
RGB Decimal	138, 255, 217	`rgb(138,255,217)`
RGB Percent	54.1, 100, 85.1	`rgb(54.1%,100%,85.1%)`
CMYK	46, 0, 15, 0
HSL	160.5°, 100, 77.1	`hsl(160.5,100%,77.1%)`
HSV (or HSB)	160.5°, 45.9, 100
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.544, -41.914, 7.916
XYZ	58.762, 81.929, 78.359
xyY	0.268, 0.374, 81.929
CIE-LCH	92.544, 42.655, 169.305
CIE-LUV	92.544, -52.317, 19.112
Hunter-Lab	90.515, -42.52, 12.033
Binary	10001010, 11111111, 11011001

#8affd9
```
#8affd9 rgb(138,255,217)
```
#ff8ab0
```
#ff8ab0 rgb(255,138,176)
```

Complementary Color

#8aff9f
```
#8aff9f rgb(138,255,159)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#8aebff
```
#8aebff rgb(138,235,255)
```

Analogous Color

#ff9f8a
```
#ff9f8a rgb(255,159,138)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#ff8aeb
```
#ff8aeb rgb(255,138,235)
```

Split Complementary Color

#ffd98a
```
#ffd98a rgb(255,217,138)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#d98aff
```
#d98aff rgb(217,138,255)
```

Triadic Color

#b0ff8a
```
#b0ff8a rgb(176,255,138)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#d98aff
```
#d98aff rgb(217,138,255)
```
#ff8ab0
```
#ff8ab0 rgb(255,138,176)
```

Tetradic Color

#3effc0
```
#3effc0 rgb(62,255,192)
```
#57ffc8
```
#57ffc8 rgb(87,255,200)
```
#71ffd1
```
#71ffd1 rgb(113,255,209)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#a4ffe1
```
#a4ffe1 rgb(164,255,225)
```
#bdffea
```
#bdffea rgb(189,255,234)
```
#d7fff2
```
#d7fff2 rgb(215,255,242)
```

Monochromatic Color

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

#8affbc
```
#8affbc rgb(138,255,188)
```
#8affc6
```
#8affc6 rgb(138,255,198)
```
#8affcf
```
#8affcf rgb(138,255,207)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#8affe3
```
#8affe3 rgb(138,255,227)
```
#8affed
```
#8affed rgb(138,255,237)
```
#8afff6
```
#8afff6 rgb(138,255,246)
```

Similar Colors

Text with hexadecimal color #8affd9

This text has a font color of #8affd9.

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

#8affd9 background color

This paragraph has a background color of #8affd9.

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

#8affd9 border color

This element has a border color of #8affd9.

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

CSS codes

.text {color:#8affd9;}

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

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

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 #ecfff9 is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#00140e
```
#00140e rgb(0,20,14)
```
#00281b
```
#00281b rgb(0,40,27)
```
#003c28
```
#003c28 rgb(0,60,40)
```
#004f35
```
#004f35 rgb(0,79,53)
```
#006343
```
#006343 rgb(0,99,67)
```
#007650
```
#007650 rgb(0,118,80)
```
#008a5d
```
#008a5d rgb(0,138,93)
```
#009e6a
```
#009e6a rgb(0,158,106)
```
#00b178
```
#00b178 rgb(0,177,120)
```
#00c585
```
#00c585 rgb(0,197,133)
```
#00d892
```
#00d892 rgb(0,216,146)
```
#00ec9f
```
#00ec9f rgb(0,236,159)
```

Shade Color Variation

#01ffac
```
#01ffac rgb(1,255,172)
```
#14ffb3
```
#14ffb3 rgb(20,255,179)
```
#28ffb9
```
#28ffb9 rgb(40,255,185)
```
#3cffc0
```
#3cffc0 rgb(60,255,192)
```
#4fffc6
```
#4fffc6 rgb(79,255,198)
```
#63ffcc
```
#63ffcc rgb(99,255,204)
```
#76ffd3
```
#76ffd3 rgb(118,255,211)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```
#9effdf
```
#9effdf rgb(158,255,223)
```
#b1ffe6
```
#b1ffe6 rgb(177,255,230)
```
#c5ffec
```
#c5ffec rgb(197,255,236)
```
#d8fff2
```
#d8fff2 rgb(216,255,242)
```
#ecfff9
```
#ecfff9 rgb(236,255,249)
```

Tint Color Variation

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

#c0c9c6
```
#c0c9c6 rgb(192,201,198)
```
#bccec8
```
#bccec8 rgb(188,206,200)
```
#b7d2c9
```
#b7d2c9 rgb(183,210,201)
```
#b3d7cb
```
#b3d7cb rgb(179,215,203)
```
#aedbcc
```
#aedbcc rgb(174,219,204)
```
#aae0ce
```
#aae0ce rgb(170,224,206)
```
#a5e4d0
```
#a5e4d0 rgb(165,228,208)
```
#a1e9d1
```
#a1e9d1 rgb(161,233,209)
```
#9cedd3
```
#9cedd3 rgb(156,237,211)
```
#98f2d4
```
#98f2d4 rgb(152,242,212)
```
#93f6d6
```
#93f6d6 rgb(147,246,214)
```
#8ffbd7
```
#8ffbd7 rgb(143,251,215)
```
#8affd9
```
#8affd9 rgb(138,255,217)
```

Tone Color Variation

Below, you can see how #8affd9 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
#c8e0d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e9d0 Protanopia 1% of men
#ffe4e5 Deuteranopia 1% of men
#c0f3ff Tritanopia 0.001% of the population

Trichromacy

#cef1d3 Protanomaly 1% of men, 0.01% of women
#d4eee0 Deuteranomaly 6% of men, 0.4% of women
#acf7f1 Tritanomaly 0.01% of the population

#8affd9 hex color

#8affd9 Color Information

#8affd9 Color Conversion

Color Schemes with #8affd9

Alternatives to #8affd9

#8affd9 Preview

Shades and Tints of #8affd9

Tones of #8affd9

Color Blindness Simulator