#2af8ba hex color

In a RGB color space, hex #2af8ba is composed of 16.5% red, 97.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 0% magenta, 25% yellow and 2.7% black. It has a hue angle of 161.9 degrees, a saturation of 93.6% and a lightness of 56.9%. #2af8ba color hex could be obtained by blending #54ffff with #00f175. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 97
- B 73
RGB color chart
- C 83
- M 0
- Y 25
- K 3
CMYK color chart

● #2af8ba color description : Bright cyan - lime green.

The hexadecimal color #2af8ba has RGB values of R:42, G:248, B:186 and CMYK values of C:0.83, M:0, Y:0.25, K:0.03. Its decimal value is 2816186.

Hex triplet	2af8ba	`#2af8ba`
RGB Decimal	42, 248, 186	`rgb(42,248,186)`
RGB Percent	16.5, 97.3, 72.9	`rgb(16.5%,97.3%,72.9%)`
CMYK	83, 0, 25, 3
HSL	161.9°, 93.6, 56.9	`hsl(161.9,93.6%,56.9%)`
HSV (or HSB)	161.9°, 83.1, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.566, -61.438, 16.528
XYZ	43.381, 71.168, 57.902
xyY	0.252, 0.413, 71.168
CIE-LCH	87.566, 63.623, 164.943
CIE-LUV	87.566, -71.442, 34.457
Hunter-Lab	84.361, -55.84, 18.358
Binary	00101010, 11111000, 10111010

#2af8ba
```
#2af8ba rgb(42,248,186)
```
#f82a68
```
#f82a68 rgb(248,42,104)
```

Complementary Color

#2af853
```
#2af853 rgb(42,248,83)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#2acff8
```
#2acff8 rgb(42,207,248)
```

Analogous Color

#f8532a
```
#f8532a rgb(248,83,42)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#f82acf
```
#f82acf rgb(248,42,207)
```

Split Complementary Color

#f8ba2a
```
#f8ba2a rgb(248,186,42)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#ba2af8
```
#ba2af8 rgb(186,42,248)
```

Triadic Color

#68f82a
```
#68f82a rgb(104,248,42)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#ba2af8
```
#ba2af8 rgb(186,42,248)
```
#f82a68
```
#f82a68 rgb(248,42,104)
```

Tetradic Color

#07cf93
```
#07cf93 rgb(7,207,147)
```
#08e7a4
```
#08e7a4 rgb(8,231,164)
```
#11f7b2
```
#11f7b2 rgb(17,247,178)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#43f9c2
```
#43f9c2 rgb(67,249,194)
```
#5bfaca
```
#5bfaca rgb(91,250,202)
```
#74fad2
```
#74fad2 rgb(116,250,210)
```

Monochromatic Color

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

#2af887
```
#2af887 rgb(42,248,135)
```
#2af898
```
#2af898 rgb(42,248,152)
```
#2af8a9
```
#2af8a9 rgb(42,248,169)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#2af8cb
```
#2af8cb rgb(42,248,203)
```
#2af8dc
```
#2af8dc rgb(42,248,220)
```
#2af8ee
```
#2af8ee rgb(42,248,238)
```

Similar Colors

Text with hexadecimal color #2af8ba

This text has a font color of #2af8ba.

<span style="color:#2af8ba;">Text here</span>

#2af8ba background color

This paragraph has a background color of #2af8ba.

<p style="background-color:#2af8ba;">Content here</p>

#2af8ba border color

This element has a border color of #2af8ba.

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

CSS codes

.text {color:#2af8ba;}

.background {background-color:#2af8ba;}

.border {border:1px solid #2af8ba;}

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, #000f0b is the darkest color, while #fbfffe is the lightest one.

#000f0b
```
#000f0b rgb(0,15,11)
```
#012218
```
#012218 rgb(1,34,24)
```
#023525
```
#023525 rgb(2,53,37)
```
#024833
```
#024833 rgb(2,72,51)
```
#035b40
```
#035b40 rgb(3,91,64)
```
#046e4e
```
#046e4e rgb(4,110,78)
```
#04815b
```
#04815b rgb(4,129,91)
```
#059469
```
#059469 rgb(5,148,105)
```
#05a776
```
#05a776 rgb(5,167,118)
```
#06ba84
```
#06ba84 rgb(6,186,132)
```
#07cd91
```
#07cd91 rgb(7,205,145)
```
#07e09f
```
#07e09f rgb(7,224,159)
```
#08f3ac
```
#08f3ac rgb(8,243,172)
```

Shade Color Variation

#17f7b4
```
#17f7b4 rgb(23,247,180)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```
#3df9c0
```
#3df9c0 rgb(61,249,192)
```
#50f9c6
```
#50f9c6 rgb(80,249,198)
```
#63facc
```
#63facc rgb(99,250,204)
```
#76fad3
```
#76fad3 rgb(118,250,211)
```
#89fbd9
```
#89fbd9 rgb(137,251,217)
```
#9cfcdf
```
#9cfcdf rgb(156,252,223)
```
#affce5
```
#affce5 rgb(175,252,229)
```
#c2fdeb
```
#c2fdeb rgb(194,253,235)
```
#d5fef1
```
#d5fef1 rgb(213,254,241)
```
#e8fef8
```
#e8fef8 rgb(232,254,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#909292
```
#909292 rgb(144,146,146)
```
#879b95
```
#879b95 rgb(135,155,149)
```
#7fa398
```
#7fa398 rgb(127,163,152)
```
#76ac9c
```
#76ac9c rgb(118,172,156)
```
#6eb49f
```
#6eb49f rgb(110,180,159)
```
#65bda2
```
#65bda2 rgb(101,189,162)
```
#5dc5a6
```
#5dc5a6 rgb(93,197,166)
```
#54cea9
```
#54cea9 rgb(84,206,169)
```
#4cd6ad
```
#4cd6ad rgb(76,214,173)
```
#43dfb0
```
#43dfb0 rgb(67,223,176)
```
#3be7b3
```
#3be7b3 rgb(59,231,179)
```
#32f0b7
```
#32f0b7 rgb(50,240,183)
```
#2af8ba
```
#2af8ba rgb(42,248,186)
```

Tone Color Variation

Below, you can see how #2af8ba 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

#b3b3b3 Achromatopsia 0.005% of the population
#98c1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadcb1 Protanopia 1% of men
#f9d5c9 Deuteranopia 1% of men
#73eeff Tritanopia 0.001% of the population

Trichromacy

#a4e6b4 Protanomaly 1% of men, 0.01% of women
#ade2c3 Deuteranomaly 6% of men, 0.4% of women
#58f1e5 Tritanomaly 0.01% of the population

#2af8ba hex color

#2af8ba Color Information

#2af8ba Color Conversion

Color Schemes with #2af8ba

Alternatives to #2af8ba

#2af8ba Preview

Shades and Tints of #2af8ba

Tones of #2af8ba

Color Blindness Simulator