#8afbdf hex color

In a RGB color space, hex #8afbdf is composed of 54.1% red, 98.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 0% magenta, 11.2% yellow and 1.6% black. It has a hue angle of 165.1 degrees, a saturation of 93.4% and a lightness of 76.3%. #8afbdf color hex could be obtained by blending #ffffff with #15f7bf. Closest websafe color is: #99ffcc.

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

● #8afbdf color description : Soft cyan.

The hexadecimal color #8afbdf has RGB values of R:138, G:251, B:223 and CMYK values of C:0.45, M:0, Y:0.11, K:0.02. Its decimal value is 9108447.

Hex triplet	8afbdf	`#8afbdf`
RGB Decimal	138, 251, 223	`rgb(138,251,223)`
RGB Percent	54.1, 98.4, 87.5	`rgb(54.1%,98.4%,87.5%)`
CMYK	45, 0, 11, 2
HSL	165.1°, 93.4, 76.3	`hsl(165.1,93.4%,76.3%)`
HSV (or HSB)	165.1°, 45, 98.4
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.56, -38.807, 3.394
XYZ	58.294, 79.722, 82.124
xyY	0.265, 0.362, 79.722
CIE-LCH	91.56, 38.955, 175.002
CIE-LUV	91.56, -50.517, 11.709
Hunter-Lab	89.287, -39.713, 7.967
Binary	10001010, 11111011, 11011111

#8afbdf
```
#8afbdf rgb(138,251,223)
```
#fb8aa6
```
#fb8aa6 rgb(251,138,166)
```

Complementary Color

#8afba7
```
#8afba7 rgb(138,251,167)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#8adffb
```
#8adffb rgb(138,223,251)
```

Analogous Color

#fba78a
```
#fba78a rgb(251,167,138)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#fb8adf
```
#fb8adf rgb(251,138,223)
```

Split Complementary Color

#fbdf8a
```
#fbdf8a rgb(251,223,138)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#df8afb
```
#df8afb rgb(223,138,251)
```

Triadic Color

#a6fb8a
```
#a6fb8a rgb(166,251,138)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#df8afb
```
#df8afb rgb(223,138,251)
```
#fb8aa6
```
#fb8aa6 rgb(251,138,166)
```

Tetradic Color

#40f8cb
```
#40f8cb rgb(64,248,203)
```
#59f9d2
```
#59f9d2 rgb(89,249,210)
```
#71fad8
```
#71fad8 rgb(113,250,216)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#a3fce6
```
#a3fce6 rgb(163,252,230)
```
#bbfdec
```
#bbfdec rgb(187,253,236)
```
#d4fef3
```
#d4fef3 rgb(212,254,243)
```

Monochromatic Color

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

#8afbc3
```
#8afbc3 rgb(138,251,195)
```
#8afbcc
```
#8afbcc rgb(138,251,204)
```
#8afbd6
```
#8afbd6 rgb(138,251,214)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#8afbe8
```
#8afbe8 rgb(138,251,232)
```
#8afbf2
```
#8afbf2 rgb(138,251,242)
```
#8afbfb
```
#8afbfb rgb(138,251,251)
```

Similar Colors

Text with hexadecimal color #8afbdf

This text has a font color of #8afbdf.

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

#8afbdf background color

This paragraph has a background color of #8afbdf.

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

#8afbdf border color

This element has a border color of #8afbdf.

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

CSS codes

.text {color:#8afbdf;}

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

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

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, #01100c is the darkest color, while #fcfffe is the lightest one.

#01100c
```
#01100c rgb(1,16,12)
```
#01231a
```
#01231a rgb(1,35,26)
```
#023629
```
#023629 rgb(2,54,41)
```
#024937
```
#024937 rgb(2,73,55)
```
#035c46
```
#035c46 rgb(3,92,70)
```
#046f54
```
#046f54 rgb(4,111,84)
```
#048263
```
#048263 rgb(4,130,99)
```
#059571
```
#059571 rgb(5,149,113)
```
#06a87f
```
#06a87f rgb(6,168,127)
```
#06ba8e
```
#06ba8e rgb(6,186,142)
```
#07cd9c
```
#07cd9c rgb(7,205,156)
```
#08e0ab
```
#08e0ab rgb(8,224,171)
```
#08f3b9
```
#08f3b9 rgb(8,243,185)
```

Shade Color Variation

#18f7c0
```
#18f7c0 rgb(24,247,192)
```
#2bf8c5
```
#2bf8c5 rgb(43,248,197)
```
#3ef8ca
```
#3ef8ca rgb(62,248,202)
```
#51f9cf
```
#51f9cf rgb(81,249,207)
```
#64fad5
```
#64fad5 rgb(100,250,213)
```
#77fada
```
#77fada rgb(119,250,218)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```
#9dfce4
```
#9dfce4 rgb(157,252,228)
```
#b0fce9
```
#b0fce9 rgb(176,252,233)
```
#c3fdef
```
#c3fdef rgb(195,253,239)
```
#d6fef4
```
#d6fef4 rgb(214,254,244)
```
#e9fef9
```
#e9fef9 rgb(233,254,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#c2c3c3
```
#c2c3c3 rgb(194,195,195)
```
#bdc8c5
```
#bdc8c5 rgb(189,200,197)
```
#b9ccc8
```
#b9ccc8 rgb(185,204,200)
```
#b4d1ca
```
#b4d1ca rgb(180,209,202)
```
#afd6cc
```
#afd6cc rgb(175,214,204)
```
#abdacf
```
#abdacf rgb(171,218,207)
```
#a6dfd1
```
#a6dfd1 rgb(166,223,209)
```
#a1e4d3
```
#a1e4d3 rgb(161,228,211)
```
#9de8d6
```
#9de8d6 rgb(157,232,214)
```
#98edd8
```
#98edd8 rgb(152,237,216)
```
#93f2da
```
#93f2da rgb(147,242,218)
```
#8ff6dd
```
#8ff6dd rgb(143,246,221)
```
#8afbdf
```
#8afbdf rgb(138,251,223)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#c7ddd8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e7d6 Protanopia 1% of men
#fce1e9 Deuteranopia 1% of men
#b6f1ff Tritanopia 0.001% of the population

Trichromacy

#cbeed9 Protanomaly 1% of men, 0.01% of women
#d2eae5 Deuteranomaly 6% of men, 0.4% of women
#a6f5f3 Tritanomaly 0.01% of the population

#8afbdf hex color

#8afbdf Color Information

#8afbdf Color Conversion

Color Schemes with #8afbdf

Alternatives to #8afbdf

#8afbdf Preview

Shades and Tints of #8afbdf

Tones of #8afbdf

Color Blindness Simulator