#2af3bb hex color

In a RGB color space, hex #2af3bb is composed of 16.5% red, 95.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 23% yellow and 4.7% black. It has a hue angle of 163.3 degrees, a saturation of 89.3% and a lightness of 55.9%. #2af3bb color hex could be obtained by blending #54ffff with #00e777. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 16
- G 95
- B 73
RGB color chart
- C 83
- M 0
- Y 23
- K 5
CMYK color chart

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

The hexadecimal color #2af3bb has RGB values of R:42, G:243, B:187 and CMYK values of C:0.83, M:0, Y:0.23, K:0.05. Its decimal value is 2814907.

Hex triplet	2af3bb	`#2af3bb`
RGB Decimal	42, 243, 187	`rgb(42,243,187)`
RGB Percent	16.5, 95.3, 73.3	`rgb(16.5%,95.3%,73.3%)`
CMYK	83, 0, 23, 5
HSL	163.3°, 89.3, 55.9	`hsl(163.3,89.3%,55.9%)`
HSV (or HSB)	163.3°, 82.7, 95.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.095, -59.312, 13.938
XYZ	41.971, 68.177, 57.958
xyY	0.25, 0.406, 68.177
CIE-LCH	86.095, 60.928, 166.775
CIE-LUV	86.095, -69.71, 30.326
Hunter-Lab	82.569, -53.762, 16.181
Binary	00101010, 11110011, 10111011

#2af3bb
```
#2af3bb rgb(42,243,187)
```
#f32a62
```
#f32a62 rgb(243,42,98)
```

Complementary Color

#2af356
```
#2af356 rgb(42,243,86)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#2ac7f3
```
#2ac7f3 rgb(42,199,243)
```

Analogous Color

#f3572a
```
#f3572a rgb(243,87,42)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#f32ac7
```
#f32ac7 rgb(243,42,199)
```

Split Complementary Color

#f3bb2a
```
#f3bb2a rgb(243,187,42)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#bb2af3
```
#bb2af3 rgb(187,42,243)
```

Triadic Color

#62f32a
```
#62f32a rgb(98,243,42)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#bb2af3
```
#bb2af3 rgb(187,42,243)
```
#f32a62
```
#f32a62 rgb(243,42,98)
```

Tetradic Color

#0bc591
```
#0bc591 rgb(11,197,145)
```
#0cdea3
```
#0cdea3 rgb(12,222,163)
```
#12f2b3
```
#12f2b3 rgb(18,242,179)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#42f4c3
```
#42f4c3 rgb(66,244,195)
```
#5af6ca
```
#5af6ca rgb(90,246,202)
```
#72f7d2
```
#72f7d2 rgb(114,247,210)
```

Monochromatic Color

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

#2af389
```
#2af389 rgb(42,243,137)
```
#2af39a
```
#2af39a rgb(42,243,154)
```
#2af3aa
```
#2af3aa rgb(42,243,170)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#2af3cc
```
#2af3cc rgb(42,243,204)
```
#2af3dd
```
#2af3dd rgb(42,243,221)
```
#2af3ed
```
#2af3ed rgb(42,243,237)
```

Similar Colors

Text with hexadecimal color #2af3bb

This text has a font color of #2af3bb.

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

#2af3bb background color

This paragraph has a background color of #2af3bb.

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

#2af3bb border color

This element has a border color of #2af3bb.

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

CSS codes

.text {color:#2af3bb;}

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

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

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, #010a07 is the darkest color, while #f6fffc is the lightest one.

#010a07
```
#010a07 rgb(1,10,7)
```
#021c15
```
#021c15 rgb(2,28,21)
```
#032f23
```
#032f23 rgb(3,47,35)
```
#044230
```
#044230 rgb(4,66,48)
```
#05543e
```
#05543e rgb(5,84,62)
```
#06674c
```
#06674c rgb(6,103,76)
```
#077959
```
#077959 rgb(7,121,89)
```
#088c67
```
#088c67 rgb(8,140,103)
```
#099e75
```
#099e75 rgb(9,158,117)
```
#0ab182
```
#0ab182 rgb(10,177,130)
```
#0bc490
```
#0bc490 rgb(11,196,144)
```
#0cd69e
```
#0cd69e rgb(12,214,158)
```
#0de9ab
```
#0de9ab rgb(13,233,171)
```

Shade Color Variation

#17f2b5
```
#17f2b5 rgb(23,242,181)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#3df4c1
```
#3df4c1 rgb(61,244,193)
```
#4ff5c7
```
#4ff5c7 rgb(79,245,199)
```
#62f6cd
```
#62f6cd rgb(98,246,205)
```
#74f7d3
```
#74f7d3 rgb(116,247,211)
```
#87f8d9
```
#87f8d9 rgb(135,248,217)
```
#99f9df
```
#99f9df rgb(153,249,223)
```
#acfae4
```
#acfae4 rgb(172,250,228)
```
#bffbea
```
#bffbea rgb(191,251,234)
```
#d1fcf0
```
#d1fcf0 rgb(209,252,240)
```
#e4fdf6
```
#e4fdf6 rgb(228,253,246)
```
#f6fffc
```
#f6fffc rgb(246,255,252)
```

Tint Color Variation

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

#899491
```
#899491 rgb(137,148,145)
```
#819c95
```
#819c95 rgb(129,156,149)
```
#78a599
```
#78a599 rgb(120,165,153)
```
#6fae9c
```
#6fae9c rgb(111,174,156)
```
#67b6a0
```
#67b6a0 rgb(103,182,160)
```
#5ebfa4
```
#5ebfa4 rgb(94,191,164)
```
#55c8a8
```
#55c8a8 rgb(85,200,168)
```
#4dd0ac
```
#4dd0ac rgb(77,208,172)
```
#44d9b0
```
#44d9b0 rgb(68,217,176)
```
#3be2b3
```
#3be2b3 rgb(59,226,179)
```
#33eab7
```
#33eab7 rgb(51,234,183)
```
#2af3bb
```
#2af3bb rgb(42,243,187)
```
#21fcbf
```
#21fcbf rgb(33,252,191)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#96beb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d8b2 Protanopia 1% of men
#f3d2ca Deuteranopia 1% of men
#64ebfc Tritanopia 0.001% of the population

Trichromacy

#a1e2b5 Protanomaly 1% of men, 0.01% of women
#aadec4 Deuteranomaly 6% of men, 0.4% of women
#4fede4 Tritanomaly 0.01% of the population

#2af3bb hex color

#2af3bb Color Information

#2af3bb Color Conversion

Color Schemes with #2af3bb

Alternatives to #2af3bb

#2af3bb Preview

Shades and Tints of #2af3bb

Tones of #2af3bb

Color Blindness Simulator