#2cb4d4 hex color

In a RGB color space, hex #2cb4d4 is composed of 17.3% red, 70.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 15.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 191.4 degrees, a saturation of 66.1% and a lightness of 50.2%. #2cb4d4 color hex could be obtained by blending #58ffff with #0069a9. 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

● #2cb4d4 color description : Strong cyan.

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

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

CIE-LAB	67.968, -24.397, -26.235
XYZ	29.24, 37.929, 68.064
xyY	0.216, 0.28, 37.929
CIE-LCH	67.968, 35.826, 227.079
CIE-LUV	67.968, -46.007, -37.901
Hunter-Lab	61.586, -23.027, -22.415
Binary	00101100, 10110100, 11010100

#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#d44c2c
```
#d44c2c rgb(212,76,44)
```

Complementary Color

#2cd4a0
```
#2cd4a0 rgb(44,212,160)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#2c60d4
```
#2c60d4 rgb(44,96,212)
```

Analogous Color

#d4a02c
```
#d4a02c rgb(212,160,44)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#d42c60
```
#d42c60 rgb(212,44,96)
```

Split Complementary Color

#b4d42c
```
#b4d42c rgb(180,212,44)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#d42cb4
```
#d42cb4 rgb(212,44,180)
```

Triadic Color

#2cd44c
```
#2cd44c rgb(44,212,76)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#d42cb4
```
#d42cb4 rgb(212,44,180)
```
#d44c2c
```
#d44c2c rgb(212,76,44)
```

Tetradic Color

#1e7e95
```
#1e7e95 rgb(30,126,149)
```
#2390aa
```
#2390aa rgb(35,144,170)
```
#27a2bf
```
#27a2bf rgb(39,162,191)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#41bcd8
```
#41bcd8 rgb(65,188,216)
```
#56c3dd
```
#56c3dd rgb(86,195,221)
```
#6ccbe1
```
#6ccbe1 rgb(108,203,225)
```

Monochromatic Color

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

#2cd4ca
```
#2cd4ca rgb(44,212,202)
```
#2cd0d4
```
#2cd0d4 rgb(44,208,212)
```
#2cc2d4
```
#2cc2d4 rgb(44,194,212)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#2ca6d4
```
#2ca6d4 rgb(44,166,212)
```
#2c98d4
```
#2c98d4 rgb(44,152,212)
```
#2c8ad4
```
#2c8ad4 rgb(44,138,212)
```

Similar Colors

Text with hexadecimal color #2cb4d4

This text has a font color of #2cb4d4.

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

#2cb4d4 background color

This paragraph has a background color of #2cb4d4.

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

#2cb4d4 border color

This element has a border color of #2cb4d4.

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

CSS codes

.text {color:#2cb4d4;}

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

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

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)
```
#071c21
```
#071c21 rgb(7,28,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)
```
#176173
```
#176173 rgb(23,97,115)
```
#1b6f83
```
#1b6f83 rgb(27,111,131)
```
#1e7d93
```
#1e7d93 rgb(30,125,147)
```
#218ba4
```
#218ba4 rgb(33,139,164)
```
#2599b4
```
#2599b4 rgb(37,153,180)
```
#28a7c4
```
#28a7c4 rgb(40,167,196)
```

Shade Color Variation

#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#3cbad7
```
#3cbad7 rgb(60,186,215)
```
#4dc0db
```
#4dc0db rgb(77,192,219)
```
#5dc5de
```
#5dc5de rgb(93,197,222)
```
#6dcbe1
```
#6dcbe1 rgb(109,203,225)
```
#7dd1e5
```
#7dd1e5 rgb(125,209,229)
```
#8ed7e8
```
#8ed7e8 rgb(142,215,232)
```
#9eddeb
```
#9eddeb rgb(158,221,235)
```
#aee2ef
```
#aee2ef rgb(174,226,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 #05ccfb 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)
```
#49a2b7
```
#49a2b7 rgb(73,162,183)
```
#40a8c0
```
#40a8c0 rgb(64,168,192)
```
#36aeca
```
#36aeca rgb(54,174,202)
```
#2cb4d4
```
#2cb4d4 rgb(44,180,212)
```
#22bade
```
#22bade rgb(34,186,222)
```
#18c0e8
```
#18c0e8 rgb(24,192,232)
```
#0fc6f1
```
#0fc6f1 rgb(15,198,241)
```
#05ccfb
```
#05ccfb rgb(5,204,251)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7b969d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a8cc Protanopia 1% of men
#9ca7dc Deuteranopia 1% of men
#21bac8 Tritanopia 0.001% of the population

Trichromacy

#76accf Protanomaly 1% of men, 0.01% of women
#73acd9 Deuteranomaly 6% of men, 0.4% of women
#25b8cc Tritanomaly 0.01% of the population

#2cb4d4 hex color

#2cb4d4 Color Information

#2cb4d4 Color Conversion

Color Schemes with #2cb4d4

Alternatives to #2cb4d4

#2cb4d4 Preview

Shades and Tints of #2cb4d4

Tones of #2cb4d4

Color Blindness Simulator