#8afbff hex color

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

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

● #8afbff color description : Very light cyan.

The hexadecimal color #8afbff has RGB values of R:138, G:251, B:255 and CMYK values of C:0.46, M:0.02, Y:0, K:0. Its decimal value is 9108479.

Hex triplet	8afbff	`#8afbff`
RGB Decimal	138, 251, 255	`rgb(138,251,255)`
RGB Percent	54.1, 98.4, 100	`rgb(54.1%,98.4%,100%)`
CMYK	46, 2, 0, 0
HSL	182.1°, 100, 77.1	`hsl(182.1,100%,77.1%)`
HSV (or HSB)	182.1°, 45.9, 100
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.404, -31.254, -11.958
XYZ	63.023, 81.614, 107.034
xyY	0.25, 0.324, 81.614
CIE-LCH	92.404, 33.464, 200.937
CIE-LUV	92.404, -49.368, -13.98
Hunter-Lab	90.34, -33.57, -7.008
Binary	10001010, 11111011, 11111111

#8afbff
```
#8afbff rgb(138,251,255)
```
#ff8e8a
```
#ff8e8a rgb(255,142,138)
```

Complementary Color

#8affc9
```
#8affc9 rgb(138,255,201)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#8ac1ff
```
#8ac1ff rgb(138,193,255)
```

Analogous Color

#ffc98a
```
#ffc98a rgb(255,201,138)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#ff8ac1
```
#ff8ac1 rgb(255,138,193)
```

Split Complementary Color

#fbff8a
```
#fbff8a rgb(251,255,138)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#ff8afb
```
#ff8afb rgb(255,138,251)
```

Triadic Color

#8aff8e
```
#8aff8e rgb(138,255,142)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#ff8afb
```
#ff8afb rgb(255,138,251)
```
#ff8e8a
```
#ff8e8a rgb(255,142,138)
```

Tetradic Color

#3ef8ff
```
#3ef8ff rgb(62,248,255)
```
#57f9ff
```
#57f9ff rgb(87,249,255)
```
#71faff
```
#71faff rgb(113,250,255)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#a4fcff
```
#a4fcff rgb(164,252,255)
```
#bdfdff
```
#bdfdff rgb(189,253,255)
```
#d7feff
```
#d7feff rgb(215,254,255)
```

Monochromatic Color

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

#8affe6
```
#8affe6 rgb(138,255,230)
```
#8afff0
```
#8afff0 rgb(138,255,240)
```
#8afff9
```
#8afff9 rgb(138,255,249)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#8af1ff
```
#8af1ff rgb(138,241,255)
```
#8ae8ff
```
#8ae8ff rgb(138,232,255)
```
#8adeff
```
#8adeff rgb(138,222,255)
```

Similar Colors

Text with hexadecimal color #8afbff

This text has a font color of #8afbff.

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

#8afbff background color

This paragraph has a background color of #8afbff.

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

#8afbff border color

This element has a border color of #8afbff.

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

CSS codes

.text {color:#8afbff;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001414
```
#001414 rgb(0,20,20)
```
#002728
```
#002728 rgb(0,39,40)
```
#003a3c
```
#003a3c rgb(0,58,60)
```
#004c4f
```
#004c4f rgb(0,76,79)
```
#005f63
```
#005f63 rgb(0,95,99)
```
#007276
```
#007276 rgb(0,114,118)
```
#00858a
```
#00858a rgb(0,133,138)
```
#00989e
```
#00989e rgb(0,152,158)
```
#00abb1
```
#00abb1 rgb(0,171,177)
```
#00bec5
```
#00bec5 rgb(0,190,197)
```
#00d1d8
```
#00d1d8 rgb(0,209,216)
```
#00e4ec
```
#00e4ec rgb(0,228,236)
```

Shade Color Variation

#01f6ff
```
#01f6ff rgb(1,246,255)
```
#14f7ff
```
#14f7ff rgb(20,247,255)
```
#28f8ff
```
#28f8ff rgb(40,248,255)
```
#3cf8ff
```
#3cf8ff rgb(60,248,255)
```
#4ff9ff
```
#4ff9ff rgb(79,249,255)
```
#63faff
```
#63faff rgb(99,250,255)
```
#76faff
```
#76faff rgb(118,250,255)
```
#8afbff
```
#8afbff rgb(138,251,255)
```
#9efcff
```
#9efcff rgb(158,252,255)
```
#b1fcff
```
#b1fcff rgb(177,252,255)
```
#c5fdff
```
#c5fdff rgb(197,253,255)
```
#d8feff
```
#d8feff rgb(216,254,255)
```
#ecfeff
```
#ecfeff rgb(236,254,255)
```

Tint Color Variation

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

#c0c9c9
```
#c0c9c9 rgb(192,201,201)
```
#bccdce
```
#bccdce rgb(188,205,206)
```
#b7d1d2
```
#b7d1d2 rgb(183,209,210)
```
#b3d5d7
```
#b3d5d7 rgb(179,213,215)
```
#aed9db
```
#aed9db rgb(174,217,219)
```
#aadee0
```
#aadee0 rgb(170,222,224)
```
#a5e2e4
```
#a5e2e4 rgb(165,226,228)
```
#a1e6e9
```
#a1e6e9 rgb(161,230,233)
```
#9ceaed
```
#9ceaed rgb(156,234,237)
```
#98eef2
```
#98eef2 rgb(152,238,242)
```
#93f3f6
```
#93f3f6 rgb(147,243,246)
```
#8ff7fb
```
#8ff7fb rgb(143,247,251)
```
#8afbff
```
#8afbff rgb(138,251,255)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#cae1e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe8f4 Protanopia 1% of men
#efe6ff Deuteranopia 1% of men
#bdf3ff Tritanopia 0.001% of the population

Trichromacy

#c7eff8 Protanomaly 1% of men, 0.01% of women
#caedff Deuteranomaly 6% of men, 0.4% of women
#aaf6ff Tritanomaly 0.01% of the population

#8afbff hex color

#8afbff Color Information

#8afbff Color Conversion

Color Schemes with #8afbff

Alternatives to #8afbff

#8afbff Preview

Shades and Tints of #8afbff

Tones of #8afbff

Color Blindness Simulator