#2cb299 hex color

In a RGB color space, hex #2cb299 is composed of 17.3% red, 69.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 0% magenta, 14% yellow and 30.2% black. It has a hue angle of 168.8 degrees, a saturation of 60.4% and a lightness of 43.5%. #2cb299 color hex could be obtained by blending #58ffff with #006533. Closest websafe color is: #339999.

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

● #2cb299 color description : Dark cyan.

The hexadecimal color #2cb299 has RGB values of R:44, G:178, B:153 and CMYK values of C:0.75, M:0, Y:0.14, K:0.3. Its decimal value is 2929305.

Hex triplet	2cb299	`#2cb299`
RGB Decimal	44, 178, 153	`rgb(44,178,153)`
RGB Percent	17.3, 69.8, 60	`rgb(17.3%,69.8%,60%)`
CMYK	75, 0, 14, 30
HSL	168.8°, 60.4, 43.5	`hsl(168.8,60.4%,43.5%)`
HSV (or HSB)	168.8°, 75.3, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.494, -41.019, 2.684
XYZ	22.707, 34.674, 35.631
xyY	0.244, 0.373, 34.674
CIE-LCH	65.494, 41.107, 176.256
CIE-LUV	65.494, -49.419, 10.199
Hunter-Lab	58.885, -34.216, 5.343
Binary	00101100, 10110010, 10011001

#2cb299
```
#2cb299 rgb(44,178,153)
```
#b22c45
```
#b22c45 rgb(178,44,69)
```

Complementary Color

#2cb256
```
#2cb256 rgb(44,178,86)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#2c88b2
```
#2c88b2 rgb(44,136,178)
```

Analogous Color

#b2562c
```
#b2562c rgb(178,86,44)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#b22c88
```
#b22c88 rgb(178,44,136)
```

Split Complementary Color

#b2992c
```
#b2992c rgb(178,153,44)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#992cb2
```
#992cb2 rgb(153,44,178)
```

Triadic Color

#45b22c
```
#45b22c rgb(69,178,44)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#992cb2
```
#992cb2 rgb(153,44,178)
```
#b22c45
```
#b22c45 rgb(178,44,69)
```

Tetradic Color

#1d7564
```
#1d7564 rgb(29,117,100)
```
#228976
```
#228976 rgb(34,137,118)
```
#279e87
```
#279e87 rgb(39,158,135)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#31c6ab
```
#31c6ab rgb(49,198,171)
```
#41d0b5
```
#41d0b5 rgb(65,208,181)
```
#55d5bd
```
#55d5bd rgb(85,213,189)
```

Monochromatic Color

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

#2cb278
```
#2cb278 rgb(44,178,120)
```
#2cb283
```
#2cb283 rgb(44,178,131)
```
#2cb28e
```
#2cb28e rgb(44,178,142)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#2cb2a4
```
#2cb2a4 rgb(44,178,164)
```
#2cb2af
```
#2cb2af rgb(44,178,175)
```
#2caab2
```
#2caab2 rgb(44,170,178)
```

Similar Colors

Text with hexadecimal color #2cb299

This text has a font color of #2cb299.

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

#2cb299 background color

This paragraph has a background color of #2cb299.

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

#2cb299 border color

This element has a border color of #2cb299.

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

CSS codes

.text {color:#2cb299;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051512
```
#051512 rgb(5,21,18)
```
#09241f
```
#09241f rgb(9,36,31)
```
#0d342d
```
#0d342d rgb(13,52,45)
```
#11443a
```
#11443a rgb(17,68,58)
```
#155448
```
#155448 rgb(21,84,72)
```
#196355
```
#196355 rgb(25,99,85)
```
#1c7363
```
#1c7363 rgb(28,115,99)
```
#208370
```
#208370 rgb(32,131,112)
```
#24937e
```
#24937e rgb(36,147,126)
```
#28a28b
```
#28a28b rgb(40,162,139)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#30c2a7
```
#30c2a7 rgb(48,194,167)
```

Shade Color Variation

#38ceb2
```
#38ceb2 rgb(56,206,178)
```
#47d2b8
```
#47d2b8 rgb(71,210,184)
```
#57d5be
```
#57d5be rgb(87,213,190)
```
#67d9c4
```
#67d9c4 rgb(103,217,196)
```
#76ddca
```
#76ddca rgb(118,221,202)
```
#86e1d0
```
#86e1d0 rgb(134,225,208)
```
#96e5d6
```
#96e5d6 rgb(150,229,214)
```
#a6e9dc
```
#a6e9dc rgb(166,233,220)
```
#b5ede2
```
#b5ede2 rgb(181,237,226)
```
#c5f1e9
```
#c5f1e9 rgb(197,241,233)
```
#d5f5ef
```
#d5f5ef rgb(213,245,239)
```
#e5f8f5
```
#e5f8f5 rgb(229,248,245)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

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

#687674
```
#687674 rgb(104,118,116)
```
#5f7f79
```
#5f7f79 rgb(95,127,121)
```
#57877e
```
#57877e rgb(87,135,126)
```
#4e9084
```
#4e9084 rgb(78,144,132)
```
#469889
```
#469889 rgb(70,152,137)
```
#3da18e
```
#3da18e rgb(61,161,142)
```
#35a994
```
#35a994 rgb(53,169,148)
```
#2cb299
```
#2cb299 rgb(44,178,153)
```
#23bb9e
```
#23bb9e rgb(35,187,158)
```
#1bc3a4
```
#1bc3a4 rgb(27,195,164)
```
#12cca9
```
#12cca9 rgb(18,204,169)
```
#0ad4ae
```
#0ad4ae rgb(10,212,174)
```
#01ddb4
```
#01ddb4 rgb(1,221,180)
```

Tone Color Variation

Below, you can see how #2cb299 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
#75908b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa395 Protanopia 1% of men
#b19fa6 Deuteranopia 1% of men
#4cb1be Tritanopia 0.001% of the population

Trichromacy

#7ca896 Protanomaly 1% of men, 0.01% of women
#81a6a1 Deuteranomaly 6% of men, 0.4% of women
#40b1b0 Tritanomaly 0.01% of the population

#2cb299 hex color

#2cb299 Color Information

#2cb299 Color Conversion

Color Schemes with #2cb299

Alternatives to #2cb299

#2cb299 Preview

Shades and Tints of #2cb299

Tones of #2cb299

Color Blindness Simulator