#2cb5d4 hex color

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

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

● #2cb5d4 color description : Strong cyan.

The hexadecimal color #2cb5d4 has RGB values of R:44, G:181, B:212 and CMYK values of C:0.79, M:0.15, Y:0, K:0.17. Its decimal value is 2930132.

Hex triplet	2cb5d4	`#2cb5d4`
RGB Decimal	44, 181, 212	`rgb(44,181,212)`
RGB Percent	17.3, 71, 83.1	`rgb(17.3%,71%,83.1%)`
CMYK	79, 15, 0, 17
HSL	191.1°, 66.1, 50.2	`hsl(191.1,66.1%,50.2%)`
HSV (or HSB)	191.1°, 79.2, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.266, -24.903, -25.778
XYZ	29.443, 38.334, 68.131
xyY	0.217, 0.282, 38.334
CIE-LCH	68.266, 35.842, 225.988
CIE-LUV	68.266, -46.356, -37.092
Hunter-Lab	61.914, -23.466, -21.903
Binary	00101100, 10110101, 11010100

#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#d44b2c
```
#d44b2c rgb(212,75,44)
```

Complementary Color

#2cd49f
```
#2cd49f rgb(44,212,159)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#2c61d4
```
#2c61d4 rgb(44,97,212)
```

Analogous Color

#d49f2c
```
#d49f2c rgb(212,159,44)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#d42c61
```
#d42c61 rgb(212,44,97)
```

Split Complementary Color

#b5d42c
```
#b5d42c rgb(181,212,44)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#d42cb5
```
#d42cb5 rgb(212,44,181)
```

Triadic Color

#2cd44b
```
#2cd44b rgb(44,212,75)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#d42cb5
```
#d42cb5 rgb(212,44,181)
```
#d44b2c
```
#d44b2c rgb(212,75,44)
```

Tetradic Color

#1e7f95
```
#1e7f95 rgb(30,127,149)
```
#2391aa
```
#2391aa rgb(35,145,170)
```
#27a3bf
```
#27a3bf rgb(39,163,191)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#41bcd8
```
#41bcd8 rgb(65,188,216)
```
#56c4dd
```
#56c4dd rgb(86,196,221)
```
#6ccbe1
```
#6ccbe1 rgb(108,203,225)
```

Monochromatic Color

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

#2cd4c9
```
#2cd4c9 rgb(44,212,201)
```
#2cd1d4
```
#2cd1d4 rgb(44,209,212)
```
#2cc3d4
```
#2cc3d4 rgb(44,195,212)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#2ca7d4
```
#2ca7d4 rgb(44,167,212)
```
#2c99d4
```
#2c99d4 rgb(44,153,212)
```
#2c8bd4
```
#2c8bd4 rgb(44,139,212)
```

Similar Colors

Text with hexadecimal color #2cb5d4

This text has a font color of #2cb5d4.

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

#2cb5d4 background color

This paragraph has a background color of #2cb5d4.

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

#2cb5d4 border color

This element has a border color of #2cb5d4.

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

CSS codes

.text {color:#2cb5d4;}

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

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

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)
```
#071d21
```
#071d21 rgb(7,29,33)
```
#0a2a32
```
#0a2a32 rgb(10,42,50)
```
#0d3842
```
#0d3842 rgb(13,56,66)
```
#114652
```
#114652 rgb(17,70,82)
```
#145463
```
#145463 rgb(20,84,99)
```
#176273
```
#176273 rgb(23,98,115)
```
#1b7083
```
#1b7083 rgb(27,112,131)
```
#1e7e93
```
#1e7e93 rgb(30,126,147)
```
#218ca4
```
#218ca4 rgb(33,140,164)
```
#259ab4
```
#259ab4 rgb(37,154,180)
```
#28a8c4
```
#28a8c4 rgb(40,168,196)
```

Shade Color Variation

#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#3cbbd7
```
#3cbbd7 rgb(60,187,215)
```
#4dc0db
```
#4dc0db rgb(77,192,219)
```
#5dc6de
```
#5dc6de rgb(93,198,222)
```
#6dcce1
```
#6dcce1 rgb(109,204,225)
```
#7dd2e5
```
#7dd2e5 rgb(125,210,229)
```
#8ed7e8
```
#8ed7e8 rgb(142,215,232)
```
#9eddeb
```
#9eddeb rgb(158,221,235)
```
#aee3ef
```
#aee3ef rgb(174,227,239)
```
#bfe8f2
```
#bfe8f2 rgb(191,232,242)
```
#cfeef5
```
#cfeef5 rgb(207,238,245)
```
#dff4f9
```
#dff4f9 rgb(223,244,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 #05cefb is the most saturated one.

#7a8486
```
#7a8486 rgb(122,132,134)
```
#708a90
```
#708a90 rgb(112,138,144)
```
#679099
```
#679099 rgb(103,144,153)
```
#5d96a3
```
#5d96a3 rgb(93,150,163)
```
#539cad
```
#539cad rgb(83,156,173)
```
#49a3b7
```
#49a3b7 rgb(73,163,183)
```
#40a9c0
```
#40a9c0 rgb(64,169,192)
```
#36afca
```
#36afca rgb(54,175,202)
```
#2cb5d4
```
#2cb5d4 rgb(44,181,212)
```
#22bbde
```
#22bbde rgb(34,187,222)
```
#18c1e8
```
#18c1e8 rgb(24,193,232)
```
#0fc7f1
```
#0fc7f1 rgb(15,199,241)
```
#05cefb
```
#05cefb rgb(5,206,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c979e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a9cc Protanopia 1% of men
#9ea8dc Deuteranopia 1% of men
#23bbc8 Tritanopia 0.001% of the population

Trichromacy

#77adcf Protanomaly 1% of men, 0.01% of women
#74add9 Deuteranomaly 6% of men, 0.4% of women
#26b8cc Tritanomaly 0.01% of the population

#2cb5d4 hex color

#2cb5d4 Color Information

#2cb5d4 Color Conversion

Color Schemes with #2cb5d4

Alternatives to #2cb5d4

#2cb5d4 Preview

Shades and Tints of #2cb5d4

Tones of #2cb5d4

Color Blindness Simulator