#2cbdd4 hex color

In a RGB color space, hex #2cbdd4 is composed of 17.3% red, 74.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 10.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 188.2 degrees, a saturation of 66.1% and a lightness of 50.2%. #2cbdd4 color hex could be obtained by blending #58ffff with #007ba9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 74
- B 83
RGB color chart
- C 79
- M 11
- Y 0
- K 17
CMYK color chart

● #2cbdd4 color description : Strong cyan.

The hexadecimal color #2cbdd4 has RGB values of R:44, G:189, B:212 and CMYK values of C:0.79, M:0.11, Y:0, K:0.17. Its decimal value is 2932180.

Hex triplet	2cbdd4	`#2cbdd4`
RGB Decimal	44, 189, 212	`rgb(44,189,212)`
RGB Percent	17.3, 74.1, 83.1	`rgb(17.3%,74.1%,83.1%)`
CMYK	79, 11, 0, 17
HSL	188.2°, 66.1, 50.2	`hsl(188.2,66.1%,50.2%)`
HSV (or HSB)	188.2°, 79.2, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.651, -28.889, -22.132
XYZ	31.117, 41.681, 68.689
xyY	0.22, 0.295, 41.681
CIE-LCH	70.651, 36.392, 217.456
CIE-LUV	70.651, -49.151, -30.633
Hunter-Lab	64.561, -26.95, -17.888
Binary	00101100, 10111101, 11010100

#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#d4432c
```
#d4432c rgb(212,67,44)
```

Complementary Color

#2cd497
```
#2cd497 rgb(44,212,151)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#2c69d4
```
#2c69d4 rgb(44,105,212)
```

Analogous Color

#d4972c
```
#d4972c rgb(212,151,44)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#d42c69
```
#d42c69 rgb(212,44,105)
```

Split Complementary Color

#bdd42c
```
#bdd42c rgb(189,212,44)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#d42cbd
```
#d42cbd rgb(212,44,189)
```

Triadic Color

#2cd443
```
#2cd443 rgb(44,212,67)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#d42cbd
```
#d42cbd rgb(212,44,189)
```
#d4432c
```
#d4432c rgb(212,67,44)
```

Tetradic Color

#1e8595
```
#1e8595 rgb(30,133,149)
```
#2398aa
```
#2398aa rgb(35,152,170)
```
#27abbf
```
#27abbf rgb(39,171,191)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#41c4d8
```
#41c4d8 rgb(65,196,216)
```
#56cadd
```
#56cadd rgb(86,202,221)
```
#6cd1e1
```
#6cd1e1 rgb(108,209,225)
```

Monochromatic Color

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

#2cd4c1
```
#2cd4c1 rgb(44,212,193)
```
#2cd4cf
```
#2cd4cf rgb(44,212,207)
```
#2ccbd4
```
#2ccbd4 rgb(44,203,212)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#2cafd4
```
#2cafd4 rgb(44,175,212)
```
#2ca1d4
```
#2ca1d4 rgb(44,161,212)
```
#2c93d4
```
#2c93d4 rgb(44,147,212)
```

Similar Colors

Text with hexadecimal color #2cbdd4

This text has a font color of #2cbdd4.

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

#2cbdd4 background color

This paragraph has a background color of #2cbdd4.

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

#2cbdd4 border color

This element has a border color of #2cbdd4.

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

CSS codes

.text {color:#2cbdd4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030f11
```
#030f11 rgb(3,15,17)
```
#071e21
```
#071e21 rgb(7,30,33)
```
#0a2c32
```
#0a2c32 rgb(10,44,50)
```
#0d3b42
```
#0d3b42 rgb(13,59,66)
```
#114952
```
#114952 rgb(17,73,82)
```
#145863
```
#145863 rgb(20,88,99)
```
#176673
```
#176673 rgb(23,102,115)
```
#1b7583
```
#1b7583 rgb(27,117,131)
```
#1e8393
```
#1e8393 rgb(30,131,147)
```
#2192a4
```
#2192a4 rgb(33,146,164)
```
#25a0b4
```
#25a0b4 rgb(37,160,180)
```
#28afc4
```
#28afc4 rgb(40,175,196)
```

Shade Color Variation

#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#3cc2d7
```
#3cc2d7 rgb(60,194,215)
```
#4dc7db
```
#4dc7db rgb(77,199,219)
```
#5dccde
```
#5dccde rgb(93,204,222)
```
#6dd1e1
```
#6dd1e1 rgb(109,209,225)
```
#7dd6e5
```
#7dd6e5 rgb(125,214,229)
```
#8edce8
```
#8edce8 rgb(142,220,232)
```
#9ee1eb
```
#9ee1eb rgb(158,225,235)
```
#aee6ef
```
#aee6ef rgb(174,230,239)
```
#bfebf2
```
#bfebf2 rgb(191,235,242)
```
#cff0f5
```
#cff0f5 rgb(207,240,245)
```
#dff5f9
```
#dff5f9 rgb(223,245,249)
```
#f0fafc
```
#f0fafc rgb(240,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8486 is the less saturated color, while #05d9fb is the most saturated one.

#7a8486
```
#7a8486 rgb(122,132,134)
```
#708b90
```
#708b90 rgb(112,139,144)
```
#679299
```
#679299 rgb(103,146,153)
```
#5d9aa3
```
#5d9aa3 rgb(93,154,163)
```
#53a1ad
```
#53a1ad rgb(83,161,173)
```
#49a8b7
```
#49a8b7 rgb(73,168,183)
```
#40afc0
```
#40afc0 rgb(64,175,192)
```
#36b6ca
```
#36b6ca rgb(54,182,202)
```
#2cbdd4
```
#2cbdd4 rgb(44,189,212)
```
#22c4de
```
#22c4de rgb(34,196,222)
```
#18cbe8
```
#18cbe8 rgb(24,203,232)
```
#0fd2f1
```
#0fd2f1 rgb(15,210,241)
```
#05d9fb
```
#05d9fb rgb(5,217,251)
```

Tone Color Variation

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

Dichromacy

#abafcb Protanopia 1% of men
#a8aedd Deuteranopia 1% of men
#2ec1cf Tritanopia 0.001% of the population

Trichromacy

#7db4ce Protanomaly 1% of men, 0.01% of women
#7bb3d9 Deuteranomaly 6% of men, 0.4% of women
#2dbfd1 Tritanomaly 0.01% of the population

#2cbdd4 hex color

#2cbdd4 Color Information

#2cbdd4 Color Conversion

Color Schemes with #2cbdd4

Alternatives to #2cbdd4

#2cbdd4 Preview

Shades and Tints of #2cbdd4

Tones of #2cbdd4

Color Blindness Simulator