#2baf9f hex color

In a RGB color space, hex #2baf9f is composed of 16.9% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 172.7 degrees, a saturation of 60.6% and a lightness of 42.7%. #2baf9f color hex could be obtained by blending #56ffff with #005f3f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 69
- B 62
RGB color chart
- C 75
- M 0
- Y 9
- K 31
CMYK color chart

● #2baf9f color description : Dark cyan.

The hexadecimal color #2baf9f has RGB values of R:43, G:175, B:159 and CMYK values of C:0.75, M:0, Y:0.09, K:0.31. Its decimal value is 2863007.

Hex triplet	2baf9f	`#2baf9f`
RGB Decimal	43, 175, 159	`rgb(43,175,159)`
RGB Percent	16.9, 68.6, 62.4	`rgb(16.9%,68.6%,62.4%)`
CMYK	75, 0, 9, 31
HSL	172.7°, 60.6, 42.7	`hsl(172.7,60.6%,42.7%)`
HSV (or HSB)	172.7°, 75.4, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.703, -38.18, -1.802
XYZ	22.582, 33.675, 38.109
xyY	0.239, 0.357, 33.675
CIE-LCH	64.703, 38.223, 182.702
CIE-LUV	64.703, -48.069, 3.127
Hunter-Lab	58.03, -32.089, 1.685
Binary	00101011, 10101111, 10011111

#2baf9f
```
#2baf9f rgb(43,175,159)
```
#af2b3b
```
#af2b3b rgb(175,43,59)
```

Complementary Color

#2baf5d
```
#2baf5d rgb(43,175,93)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```

Analogous Color

#af5d2b
```
#af5d2b rgb(175,93,43)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#af2b7d
```
#af2b7d rgb(175,43,125)
```

Split Complementary Color

#af9f2b
```
#af9f2b rgb(175,159,43)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#9f2baf
```
#9f2baf rgb(159,43,175)
```

Triadic Color

#3baf2b
```
#3baf2b rgb(59,175,43)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#9f2baf
```
#9f2baf rgb(159,43,175)
```
#af2b3b
```
#af2b3b rgb(175,43,59)
```

Tetradic Color

#1c7267
```
#1c7267 rgb(28,114,103)
```
#21867a
```
#21867a rgb(33,134,122)
```
#269b8c
```
#269b8c rgb(38,155,140)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#30c3b2
```
#30c3b2 rgb(48,195,178)
```
#3ecfbe
```
#3ecfbe rgb(62,207,190)
```
#52d4c5
```
#52d4c5 rgb(82,212,197)
```

Monochromatic Color

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

#2baf7e
```
#2baf7e rgb(43,175,126)
```
#2baf89
```
#2baf89 rgb(43,175,137)
```
#2baf94
```
#2baf94 rgb(43,175,148)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#2bafaa
```
#2bafaa rgb(43,175,170)
```
#2ba9af
```
#2ba9af rgb(43,169,175)
```
#2b9eaf
```
#2b9eaf rgb(43,158,175)
```

Similar Colors

Text with hexadecimal color #2baf9f

This text has a font color of #2baf9f.

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

#2baf9f background color

This paragraph has a background color of #2baf9f.

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

#2baf9f border color

This element has a border color of #2baf9f.

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

CSS codes

.text {color:#2baf9f;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041210
```
#041210 rgb(4,18,16)
```
#08211e
```
#08211e rgb(8,33,30)
```
#0c312d
```
#0c312d rgb(12,49,45)
```
#10413b
```
#10413b rgb(16,65,59)
```
#145149
```
#145149 rgb(20,81,73)
```
#186057
```
#186057 rgb(24,96,87)
```
#1c7066
```
#1c7066 rgb(28,112,102)
```
#1f8074
```
#1f8074 rgb(31,128,116)
```
#239082
```
#239082 rgb(35,144,130)
```
#279f91
```
#279f91 rgb(39,159,145)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#2fbfad
```
#2fbfad rgb(47,191,173)
```

Shade Color Variation

#34cdbb
```
#34cdbb rgb(52,205,187)
```
#44d1c0
```
#44d1c0 rgb(68,209,192)
```
#54d5c5
```
#54d5c5 rgb(84,213,197)
```
#63d9cb
```
#63d9cb rgb(99,217,203)
```
#73ddd0
```
#73ddd0 rgb(115,221,208)
```
#83e0d5
```
#83e0d5 rgb(131,224,213)
```
#93e4da
```
#93e4da rgb(147,228,218)
```
#a2e8e0
```
#a2e8e0 rgb(162,232,224)
```
#b2ece5
```
#b2ece5 rgb(178,236,229)
```
#c2f0ea
```
#c2f0ea rgb(194,240,234)
```
#d2f4f0
```
#d2f4f0 rgb(210,244,240)
```
#e1f8f5
```
#e1f8f5 rgb(225,248,245)
```
#f1fcfa
```
#f1fcfa rgb(241,252,250)
```

Tint Color Variation

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

#667473
```
#667473 rgb(102,116,115)
```
#5d7d79
```
#5d7d79 rgb(93,125,121)
```
#55857f
```
#55857f rgb(85,133,127)
```
#4d8d86
```
#4d8d86 rgb(77,141,134)
```
#44968c
```
#44968c rgb(68,150,140)
```
#3c9e92
```
#3c9e92 rgb(60,158,146)
```
#33a799
```
#33a799 rgb(51,167,153)
```
#2baf9f
```
#2baf9f rgb(43,175,159)
```
#23b7a5
```
#23b7a5 rgb(35,183,165)
```
#1ac0ac
```
#1ac0ac rgb(26,192,172)
```
#12c8b2
```
#12c8b2 rgb(18,200,178)
```
#09d1b8
```
#09d1b8 rgb(9,209,184)
```
#01d9bf
```
#01d9bf rgb(1,217,191)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a19a Protanopia 1% of men
#ac9dab Deuteranopia 1% of men
#48afbc Tritanopia 0.001% of the population

Trichromacy

#79a69c Protanomaly 1% of men, 0.01% of women
#7da3a7 Deuteranomaly 6% of men, 0.4% of women
#3dafb1 Tritanomaly 0.01% of the population

#2baf9f hex color

#2baf9f Color Information

#2baf9f Color Conversion

Color Schemes with #2baf9f

Alternatives to #2baf9f

#2baf9f Preview

Shades and Tints of #2baf9f

Tones of #2baf9f

Color Blindness Simulator