#8af4b4 hex color

In a RGB color space, hex #8af4b4 is composed of 54.1% red, 95.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 0% magenta, 26.2% yellow and 4.3% black. It has a hue angle of 143.8 degrees, a saturation of 82.8% and a lightness of 74.9%. #8af4b4 color hex could be obtained by blending #ffffff with #15e969. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 54
- G 96
- B 71
RGB color chart
- C 43
- M 0
- Y 26
- K 4
CMYK color chart

● #8af4b4 color description : Very soft cyan - lime green.

The hexadecimal color #8af4b4 has RGB values of R:138, G:244, B:180 and CMYK values of C:0.43, M:0, Y:0.26, K:0.04. Its decimal value is 9106612.

Hex triplet	8af4b4	`#8af4b4`
RGB Decimal	138, 244, 180	`rgb(138,244,180)`
RGB Percent	54.1, 95.7, 70.6	`rgb(54.1%,95.7%,70.6%)`
CMYK	43, 0, 26, 4
HSL	143.8°, 82.8, 74.9	`hsl(143.8,82.8%,74.9%)`
HSV (or HSB)	143.8°, 43.4, 95.7
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.637, -44.541, 21.462
XYZ	51.067, 73.397, 54.654
xyY	0.285, 0.41, 73.397
CIE-LCH	88.637, 49.442, 154.273
CIE-LUV	88.637, -49.108, 38.746
Hunter-Lab	85.672, -43.526, 22.147
Binary	10001010, 11110100, 10110100

#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#f48aca
```
#f48aca rgb(244,138,202)
```

Complementary Color

#95f48a
```
#95f48a rgb(149,244,138)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#8af4e9
```
#8af4e9 rgb(138,244,233)
```

Analogous Color

#f48a95
```
#f48a95 rgb(244,138,149)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#e98af4
```
#e98af4 rgb(233,138,244)
```

Split Complementary Color

#f4b48a
```
#f4b48a rgb(244,180,138)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#b48af4
```
#b48af4 rgb(180,138,244)
```

Triadic Color

#caf48a
```
#caf48a rgb(202,244,138)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#b48af4
```
#b48af4 rgb(180,138,244)
```
#f48aca
```
#f48aca rgb(244,138,202)
```

Tetradic Color

#44ed87
```
#44ed87 rgb(68,237,135)
```
#5bf096
```
#5bf096 rgb(91,240,150)
```
#73f2a5
```
#73f2a5 rgb(115,242,165)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#a1f6c3
```
#a1f6c3 rgb(161,246,195)
```
#b9f8d2
```
#b9f8d2 rgb(185,248,210)
```
#d0fbe1
```
#d0fbe1 rgb(208,251,225)
```

Monochromatic Color

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

#8af49a
```
#8af49a rgb(138,244,154)
```
#8af4a2
```
#8af4a2 rgb(138,244,162)
```
#8af4ab
```
#8af4ab rgb(138,244,171)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#8af4bd
```
#8af4bd rgb(138,244,189)
```
#8af4c6
```
#8af4c6 rgb(138,244,198)
```
#8af4cf
```
#8af4cf rgb(138,244,207)
```

Similar Colors

Text with hexadecimal color #8af4b4

This text has a font color of #8af4b4.

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

#8af4b4 background color

This paragraph has a background color of #8af4b4.

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

#8af4b4 border color

This element has a border color of #8af4b4.

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

CSS codes

.text {color:#8af4b4;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#021a0c
```
#021a0c rgb(2,26,12)
```
#042c14
```
#042c14 rgb(4,44,20)
```
#063e1c
```
#063e1c rgb(6,62,28)
```
#085024
```
#085024 rgb(8,80,36)
```
#09622c
```
#09622c rgb(9,98,44)
```
#0b7435
```
#0b7435 rgb(11,116,53)
```
#0d863d
```
#0d863d rgb(13,134,61)
```
#0e9845
```
#0e9845 rgb(14,152,69)
```
#10aa4d
```
#10aa4d rgb(16,170,77)
```
#12bc55
```
#12bc55 rgb(18,188,85)
```
#13ce5d
```
#13ce5d rgb(19,206,93)
```
#15e065
```
#15e065 rgb(21,224,101)
```

Shade Color Variation

#1eea6f
```
#1eea6f rgb(30,234,111)
```
#30ec7b
```
#30ec7b rgb(48,236,123)
```
#42ed86
```
#42ed86 rgb(66,237,134)
```
#54ef92
```
#54ef92 rgb(84,239,146)
```
#66f19d
```
#66f19d rgb(102,241,157)
```
#78f2a9
```
#78f2a9 rgb(120,242,169)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#9cf6bf
```
#9cf6bf rgb(156,246,191)
```
#aef7cb
```
#aef7cb rgb(174,247,203)
```
#c0f9d6
```
#c0f9d6 rgb(192,249,214)
```
#d2fbe2
```
#d2fbe2 rgb(210,251,226)
```
#e4fced
```
#e4fced rgb(228,252,237)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

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

#bbc3be
```
#bbc3be rgb(187,195,190)
```
#b6c8bd
```
#b6c8bd rgb(182,200,189)
```
#b1cdbc
```
#b1cdbc rgb(177,205,188)
```
#acd2bb
```
#acd2bb rgb(172,210,187)
```
#a8d6ba
```
#a8d6ba rgb(168,214,186)
```
#a3dbb9
```
#a3dbb9 rgb(163,219,185)
```
#9ee0b8
```
#9ee0b8 rgb(158,224,184)
```
#99e5b7
```
#99e5b7 rgb(153,229,183)
```
#94eab6
```
#94eab6 rgb(148,234,182)
```
#8fefb5
```
#8fefb5 rgb(143,239,181)
```
#8af4b4
```
#8af4b4 rgb(138,244,180)
```
#85f9b3
```
#85f9b3 rgb(133,249,179)
```
#80feb2
```
#80feb2 rgb(128,254,178)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c0d5c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedfae Protanopia 1% of men
#ffd8c2 Deuteranopia 1% of men
#a3ebfc Tritanopia 0.001% of the population

Trichromacy

#cae7b0 Protanomaly 1% of men, 0.01% of women
#d4e2bd Deuteranomaly 6% of men, 0.4% of women
#9aeee2 Tritanomaly 0.01% of the population

#8af4b4 hex color

#8af4b4 Color Information

#8af4b4 Color Conversion

Color Schemes with #8af4b4

Alternatives to #8af4b4

#8af4b4 Preview

Shades and Tints of #8af4b4

Tones of #8af4b4

Color Blindness Simulator