#2cabd4 hex color

In a RGB color space, hex #2cabd4 is composed of 17.3% red, 67.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 19.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 194.6 degrees, a saturation of 66.1% and a lightness of 50.2%. #2cabd4 color hex could be obtained by blending #58ffff with #0057a9. Closest websafe color is: #3399cc.

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

● #2cabd4 color description : Strong cyan.

The hexadecimal color #2cabd4 has RGB values of R:44, G:171, B:212 and CMYK values of C:0.79, M:0.19, Y:0, K:0.17. Its decimal value is 2927572.

Hex triplet	2cabd4	`#2cabd4`
RGB Decimal	44, 171, 212	`rgb(44,171,212)`
RGB Percent	17.3, 67.1, 83.1	`rgb(17.3%,67.1%,83.1%)`
CMYK	79, 19, 0, 17
HSL	194.6°, 66.1, 50.2	`hsl(194.6,66.1%,50.2%)`
HSV (or HSB)	194.6°, 79.2, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.288, -19.753, -30.363
XYZ	27.482, 34.412, 67.478
xyY	0.212, 0.266, 34.412
CIE-LCH	65.288, 36.222, 236.954
CIE-LUV	65.288, -42.864, -45.179
Hunter-Lab	58.662, -19.034, -27.137
Binary	00101100, 10101011, 11010100

#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#d4552c
```
#d4552c rgb(212,85,44)
```

Complementary Color

#2cd4a9
```
#2cd4a9 rgb(44,212,169)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#2c57d4
```
#2c57d4 rgb(44,87,212)
```

Analogous Color

#d4a92c
```
#d4a92c rgb(212,169,44)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#d42c57
```
#d42c57 rgb(212,44,87)
```

Split Complementary Color

#abd42c
```
#abd42c rgb(171,212,44)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#d42cab
```
#d42cab rgb(212,44,171)
```

Triadic Color

#2cd455
```
#2cd455 rgb(44,212,85)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#d42cab
```
#d42cab rgb(212,44,171)
```
#d4552c
```
#d4552c rgb(212,85,44)
```

Tetradic Color

#1e7895
```
#1e7895 rgb(30,120,149)
```
#2389aa
```
#2389aa rgb(35,137,170)
```
#279abf
```
#279abf rgb(39,154,191)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#41b3d8
```
#41b3d8 rgb(65,179,216)
```
#56bcdd
```
#56bcdd rgb(86,188,221)
```
#6cc4e1
```
#6cc4e1 rgb(108,196,225)
```

Monochromatic Color

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

#2cd4d3
```
#2cd4d3 rgb(44,212,211)
```
#2cc7d4
```
#2cc7d4 rgb(44,199,212)
```
#2cb9d4
```
#2cb9d4 rgb(44,185,212)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#2c9dd4
```
#2c9dd4 rgb(44,157,212)
```
#2c8fd4
```
#2c8fd4 rgb(44,143,212)
```
#2c81d4
```
#2c81d4 rgb(44,129,212)
```

Similar Colors

Text with hexadecimal color #2cabd4

This text has a font color of #2cabd4.

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

#2cabd4 background color

This paragraph has a background color of #2cabd4.

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

#2cabd4 border color

This element has a border color of #2cabd4.

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

CSS codes

.text {color:#2cabd4;}

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

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

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 #f0f9fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030e11
```
#030e11 rgb(3,14,17)
```
#071b21
```
#071b21 rgb(7,27,33)
```
#0a2832
```
#0a2832 rgb(10,40,50)
```
#0d3542
```
#0d3542 rgb(13,53,66)
```
#114252
```
#114252 rgb(17,66,82)
```
#144f63
```
#144f63 rgb(20,79,99)
```
#175d73
```
#175d73 rgb(23,93,115)
```
#1b6a83
```
#1b6a83 rgb(27,106,131)
```
#1e7793
```
#1e7793 rgb(30,119,147)
```
#2184a4
```
#2184a4 rgb(33,132,164)
```
#2591b4
```
#2591b4 rgb(37,145,180)
```
#289ec4
```
#289ec4 rgb(40,158,196)
```

Shade Color Variation

#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#3cb1d7
```
#3cb1d7 rgb(60,177,215)
```
#4db8db
```
#4db8db rgb(77,184,219)
```
#5dbede
```
#5dbede rgb(93,190,222)
```
#6dc5e1
```
#6dc5e1 rgb(109,197,225)
```
#7dcbe5
```
#7dcbe5 rgb(125,203,229)
```
#8ed2e8
```
#8ed2e8 rgb(142,210,232)
```
#9ed8eb
```
#9ed8eb rgb(158,216,235)
```
#aedfef
```
#aedfef rgb(174,223,239)
```
#bfe5f2
```
#bfe5f2 rgb(191,229,242)
```
#cfecf5
```
#cfecf5 rgb(207,236,245)
```
#dff2f9
```
#dff2f9 rgb(223,242,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

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

#7a8386
```
#7a8386 rgb(122,131,134)
```
#708890
```
#708890 rgb(112,136,144)
```
#678d99
```
#678d99 rgb(103,141,153)
```
#5d92a3
```
#5d92a3 rgb(93,146,163)
```
#5397ad
```
#5397ad rgb(83,151,173)
```
#499cb7
```
#499cb7 rgb(73,156,183)
```
#40a1c0
```
#40a1c0 rgb(64,161,192)
```
#36a6ca
```
#36a6ca rgb(54,166,202)
```
#2cabd4
```
#2cabd4 rgb(44,171,212)
```
#22b0de
```
#22b0de rgb(34,176,222)
```
#18b5e8
```
#18b5e8 rgb(24,181,232)
```
#0fbaf1
```
#0fbaf1 rgb(15,186,241)
```
#05bffb
```
#05bffb rgb(5,191,251)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#779199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a1cd Protanopia 1% of men
#8fa1db Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#70a5cf Protanomaly 1% of men, 0.01% of women
#6ba5d8 Deuteranomaly 6% of men, 0.4% of women
#10b0c7 Tritanomaly 0.01% of the population

#2cabd4 hex color

#2cabd4 Color Information

#2cabd4 Color Conversion

Color Schemes with #2cabd4

Alternatives to #2cabd4

#2cabd4 Preview

Shades and Tints of #2cabd4

Tones of #2cabd4

Color Blindness Simulator