#2cb396 hex color

In a RGB color space, hex #2cb396 is composed of 17.3% red, 70.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 167.1 degrees, a saturation of 60.5% and a lightness of 43.7%. #2cb396 color hex could be obtained by blending #58ffff with #00672d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 70
- B 59
RGB color chart
- C 75
- M 0
- Y 16
- K 30
CMYK color chart

● #2cb396 color description : Strong cyan.

The hexadecimal color #2cb396 has RGB values of R:44, G:179, B:150 and CMYK values of C:0.75, M:0, Y:0.16, K:0.3. Its decimal value is 2929558.

Hex triplet	2cb396	`#2cb396`
RGB Decimal	44, 179, 150	`rgb(44,179,150)`
RGB Percent	17.3, 70.2, 58.8	`rgb(17.3%,70.2%,58.8%)`
CMYK	75, 0, 16, 30
HSL	167.1°, 60.5, 43.7	`hsl(167.1,60.5%,43.7%)`
HSV (or HSB)	167.1°, 75.4, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	65.73, -42.239, 4.685
XYZ	22.662, 34.975, 34.409
xyY	0.246, 0.38, 34.975
CIE-LCH	65.73, 42.498, 173.671
CIE-LUV	65.73, -49.982, 13.289
Hunter-Lab	59.14, -35.096, 6.902
Binary	00101100, 10110011, 10010110

#2cb396
```
#2cb396 rgb(44,179,150)
```
#b32c49
```
#b32c49 rgb(179,44,73)
```

Complementary Color

#2cb353
```
#2cb353 rgb(44,179,83)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#2c8db3
```
#2c8db3 rgb(44,141,179)
```

Analogous Color

#b3532c
```
#b3532c rgb(179,83,44)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#b32c8d
```
#b32c8d rgb(179,44,141)
```

Split Complementary Color

#b3962c
```
#b3962c rgb(179,150,44)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#962cb3
```
#962cb3 rgb(150,44,179)
```

Triadic Color

#49b32c
```
#49b32c rgb(73,179,44)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#962cb3
```
#962cb3 rgb(150,44,179)
```
#b32c49
```
#b32c49 rgb(179,44,73)
```

Tetradic Color

#1d7663
```
#1d7663 rgb(29,118,99)
```
#228a74
```
#228a74 rgb(34,138,116)
```
#279f85
```
#279f85 rgb(39,159,133)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#31c7a7
```
#31c7a7 rgb(49,199,167)
```
#42d0b2
```
#42d0b2 rgb(66,208,178)
```
#56d5ba
```
#56d5ba rgb(86,213,186)
```

Monochromatic Color

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

#2cb374
```
#2cb374 rgb(44,179,116)
```
#2cb380
```
#2cb380 rgb(44,179,128)
```
#2cb38b
```
#2cb38b rgb(44,179,139)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#2cb3a1
```
#2cb3a1 rgb(44,179,161)
```
#2cb3ad
```
#2cb3ad rgb(44,179,173)
```
#2caeb3
```
#2caeb3 rgb(44,174,179)
```

Similar Colors

Text with hexadecimal color #2cb396

This text has a font color of #2cb396.

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

#2cb396 background color

This paragraph has a background color of #2cb396.

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

#2cb396 border color

This element has a border color of #2cb396.

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

CSS codes

.text {color:#2cb396;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#051612
```
#051612 rgb(5,22,18)
```
#09251f
```
#09251f rgb(9,37,31)
```
#0d352c
```
#0d352c rgb(13,53,44)
```
#11453a
```
#11453a rgb(17,69,58)
```
#155547
```
#155547 rgb(21,85,71)
```
#196454
```
#196454 rgb(25,100,84)
```
#1d7461
```
#1d7461 rgb(29,116,97)
```
#20846e
```
#20846e rgb(32,132,110)
```
#24947c
```
#24947c rgb(36,148,124)
```
#28a389
```
#28a389 rgb(40,163,137)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#30c3a3
```
#30c3a3 rgb(48,195,163)
```

Shade Color Variation

#38ceae
```
#38ceae rgb(56,206,174)
```
#48d2b4
```
#48d2b4 rgb(72,210,180)
```
#58d6bb
```
#58d6bb rgb(88,214,187)
```
#67dac1
```
#67dac1 rgb(103,218,193)
```
#77dec8
```
#77dec8 rgb(119,222,200)
```
#87e1ce
```
#87e1ce rgb(135,225,206)
```
#97e5d4
```
#97e5d4 rgb(151,229,212)
```
#a6e9db
```
#a6e9db rgb(166,233,219)
```
#b6ede1
```
#b6ede1 rgb(182,237,225)
```
#c6f1e8
```
#c6f1e8 rgb(198,241,232)
```
#d6f5ee
```
#d6f5ee rgb(214,245,238)
```
#e5f9f5
```
#e5f9f5 rgb(229,249,245)
```
#f5fdfb
```
#f5fdfb rgb(245,253,251)
```

Tint Color Variation

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

#687774
```
#687774 rgb(104,119,116)
```
#5f8079
```
#5f8079 rgb(95,128,121)
```
#57887e
```
#57887e rgb(87,136,126)
```
#4e9182
```
#4e9182 rgb(78,145,130)
```
#469987
```
#469987 rgb(70,153,135)
```
#3da28c
```
#3da28c rgb(61,162,140)
```
#35aa91
```
#35aa91 rgb(53,170,145)
```
#2cb396
```
#2cb396 rgb(44,179,150)
```
#23bc9b
```
#23bc9b rgb(35,188,155)
```
#1bc4a0
```
#1bc4a0 rgb(27,196,160)
```
#12cda5
```
#12cda5 rgb(18,205,165)
```
#0ad5aa
```
#0ad5aa rgb(10,213,170)
```
#01deae
```
#01deae rgb(1,222,174)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#75908a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba492 Protanopia 1% of men
#b49fa3 Deuteranopia 1% of men
#4eb1be Tritanopia 0.001% of the population

Trichromacy

#7da993 Protanomaly 1% of men, 0.01% of women
#82a69e Deuteranomaly 6% of men, 0.4% of women
#41b2af Tritanomaly 0.01% of the population

#2cb396 hex color

#2cb396 Color Information

#2cb396 Color Conversion

Color Schemes with #2cb396

Alternatives to #2cb396

#2cb396 Preview

Shades and Tints of #2cb396

Tones of #2cb396

Color Blindness Simulator