#2bc4af hex color

In a RGB color space, hex #2bc4af is composed of 16.9% red, 76.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 10.7% yellow and 23.1% black. It has a hue angle of 171.8 degrees, a saturation of 64% and a lightness of 46.9%. #2bc4af color hex could be obtained by blending #56ffff with #00895f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 77
- B 69
RGB color chart
- C 78
- M 0
- Y 11
- K 23
CMYK color chart

● #2bc4af color description : Strong cyan.

The hexadecimal color #2bc4af has RGB values of R:43, G:196, B:175 and CMYK values of C:0.78, M:0, Y:0.11, K:0.23. Its decimal value is 2868399.

Hex triplet	2bc4af	`#2bc4af`
RGB Decimal	43, 196, 175	`rgb(43,196,175)`
RGB Percent	16.9, 76.9, 68.6	`rgb(16.9%,76.9%,68.6%)`
CMYK	78, 0, 11, 23
HSL	171.8°, 64, 46.9	`hsl(171.8,64%,46.9%)`
HSV (or HSB)	171.8°, 78.1, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.613, -43.094, -0.49
XYZ	28.471, 43.086, 47.371
xyY	0.239, 0.362, 43.086
CIE-LCH	71.613, 43.096, 180.651
CIE-LUV	71.613, -54.39, 5.928
Hunter-Lab	65.64, -37.445, 3.159
Binary	00101011, 11000100, 10101111

#2bc4af
```
#2bc4af rgb(43,196,175)
```
#c42b40
```
#c42b40 rgb(196,43,64)
```

Complementary Color

#2bc463
```
#2bc463 rgb(43,196,99)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#2b8dc4
```
#2b8dc4 rgb(43,141,196)
```

Analogous Color

#c4632b
```
#c4632b rgb(196,99,43)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#c42b8d
```
#c42b8d rgb(196,43,141)
```

Split Complementary Color

#c4af2b
```
#c4af2b rgb(196,175,43)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#af2bc4
```
#af2bc4 rgb(175,43,196)
```

Triadic Color

#40c42b
```
#40c42b rgb(64,196,43)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#af2bc4
```
#af2bc4 rgb(175,43,196)
```
#c42b40
```
#c42b40 rgb(196,43,64)
```

Tetradic Color

#1d8577
```
#1d8577 rgb(29,133,119)
```
#229a8a
```
#229a8a rgb(34,154,138)
```
#26af9c
```
#26af9c rgb(38,175,156)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#36d3bd
```
#36d3bd rgb(54,211,189)
```
#4bd7c4
```
#4bd7c4 rgb(75,215,196)
```
#5fdccb
```
#5fdccb rgb(95,220,203)
```

Monochromatic Color

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

#2bc489
```
#2bc489 rgb(43,196,137)
```
#2bc496
```
#2bc496 rgb(43,196,150)
```
#2bc4a2
```
#2bc4a2 rgb(43,196,162)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#2bc4bc
```
#2bc4bc rgb(43,196,188)
```
#2bc0c4
```
#2bc0c4 rgb(43,192,196)
```
#2bb3c4
```
#2bb3c4 rgb(43,179,196)
```

Similar Colors

Text with hexadecimal color #2bc4af

This text has a font color of #2bc4af.

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

#2bc4af background color

This paragraph has a background color of #2bc4af.

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

#2bc4af border color

This element has a border color of #2bc4af.

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

CSS codes

.text {color:#2bc4af;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041311
```
#041311 rgb(4,19,17)
```
#08231f
```
#08231f rgb(8,35,31)
```
#0b332e
```
#0b332e rgb(11,51,46)
```
#0f433c
```
#0f433c rgb(15,67,60)
```
#12534a
```
#12534a rgb(18,83,74)
```
#166359
```
#166359 rgb(22,99,89)
```
#197467
```
#197467 rgb(25,116,103)
```
#1d8476
```
#1d8476 rgb(29,132,118)
```
#209484
```
#209484 rgb(32,148,132)
```
#24a492
```
#24a492 rgb(36,164,146)
```
#27b4a1
```
#27b4a1 rgb(39,180,161)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```

Shade Color Variation

#31d2bc
```
#31d2bc rgb(49,210,188)
```
#41d5c1
```
#41d5c1 rgb(65,213,193)
```
#51d9c6
```
#51d9c6 rgb(81,217,198)
```
#61dccb
```
#61dccb rgb(97,220,203)
```
#71e0d1
```
#71e0d1 rgb(113,224,209)
```
#81e3d6
```
#81e3d6 rgb(129,227,214)
```
#91e7db
```
#91e7db rgb(145,231,219)
```
#a1eae0
```
#a1eae0 rgb(161,234,224)
```
#b2eee6
```
#b2eee6 rgb(178,238,230)
```
#c2f2eb
```
#c2f2eb rgb(194,242,235)
```
#d2f5f0
```
#d2f5f0 rgb(210,245,240)
```
#e2f9f5
```
#e2f9f5 rgb(226,249,245)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757a7a is the less saturated color, while #06e9ca is the most saturated one.

#757a7a
```
#757a7a rgb(117,122,122)
```
#6b8480
```
#6b8480 rgb(107,132,128)
```
#628d87
```
#628d87 rgb(98,141,135)
```
#59968e
```
#59968e rgb(89,150,142)
```
#509f94
```
#509f94 rgb(80,159,148)
```
#47a89b
```
#47a89b rgb(71,168,155)
```
#3db2a2
```
#3db2a2 rgb(61,178,162)
```
#34bba8
```
#34bba8 rgb(52,187,168)
```
#2bc4af
```
#2bc4af rgb(43,196,175)
```
#22cdb6
```
#22cdb6 rgb(34,205,182)
```
#19d6bc
```
#19d6bc rgb(25,214,188)
```
#0fe0c3
```
#0fe0c3 rgb(15,224,195)
```
#06e9ca
```
#06e9ca rgb(6,233,202)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7f9e99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b2a8 Protanopia 1% of men
#c0aebb Deuteranopia 1% of men
#4dc2d0 Tritanopia 0.001% of the population

Trichromacy

#85b9ab Protanomaly 1% of men, 0.01% of women
#89b6b7 Deuteranomaly 6% of men, 0.4% of women
#41c3c4 Tritanomaly 0.01% of the population

#2bc4af hex color

#2bc4af Color Information

#2bc4af Color Conversion

Color Schemes with #2bc4af

Alternatives to #2bc4af

#2bc4af Preview

Shades and Tints of #2bc4af

Tones of #2bc4af

Color Blindness Simulator