#2ca4cb hex color

In a RGB color space, hex #2ca4cb is composed of 17.3% red, 64.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 19.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 194.7 degrees, a saturation of 64.4% and a lightness of 48.4%. #2ca4cb color hex could be obtained by blending #58ffff with #004997. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 80
RGB color chart
- C 78
- M 19
- Y 0
- K 20
CMYK color chart

● #2ca4cb color description : Strong cyan.

The hexadecimal color #2ca4cb has RGB values of R:44, G:164, B:203 and CMYK values of C:0.78, M:0.19, Y:0, K:0.2. Its decimal value is 2925771.

Hex triplet	2ca4cb	`#2ca4cb`
RGB Decimal	44, 164, 203	`rgb(44,164,203)`
RGB Percent	17.3, 64.3, 79.6	`rgb(17.3%,64.3%,79.6%)`
CMYK	78, 19, 0, 20
HSL	194.7°, 64.4, 48.4	`hsl(194.7,64.4%,48.4%)`
HSV (or HSB)	194.7°, 78.3, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.84, -19.083, -29.153
XYZ	25.091, 31.396, 61.234
xyY	0.213, 0.267, 31.396
CIE-LCH	62.84, 34.844, 236.792
CIE-LUV	62.84, -41.001, -43.002
Hunter-Lab	56.032, -18.125, -25.572
Binary	00101100, 10100100, 11001011

#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#cb532c
```
#cb532c rgb(203,83,44)
```

Complementary Color

#2ccba3
```
#2ccba3 rgb(44,203,163)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#2c55cb
```
#2c55cb rgb(44,85,203)
```

Analogous Color

#cba32c
```
#cba32c rgb(203,163,44)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#cb2c55
```
#cb2c55 rgb(203,44,85)
```

Split Complementary Color

#a4cb2c
```
#a4cb2c rgb(164,203,44)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#cb2ca4
```
#cb2ca4 rgb(203,44,164)
```

Triadic Color

#2ccb53
```
#2ccb53 rgb(44,203,83)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#cb2ca4
```
#cb2ca4 rgb(203,44,164)
```
#cb532c
```
#cb532c rgb(203,83,44)
```

Tetradic Color

#1e718c
```
#1e718c rgb(30,113,140)
```
#2382a1
```
#2382a1 rgb(35,130,161)
```
#2793b6
```
#2793b6 rgb(39,147,182)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#3cafd5
```
#3cafd5 rgb(60,175,213)
```
#51b8d9
```
#51b8d9 rgb(81,184,217)
```
#66c0de
```
#66c0de rgb(102,192,222)
```

Monochromatic Color

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

#2ccbca
```
#2ccbca rgb(44,203,202)
```
#2cbfcb
```
#2cbfcb rgb(44,191,203)
```
#2cb1cb
```
#2cb1cb rgb(44,177,203)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#2c97cb
```
#2c97cb rgb(44,151,203)
```
#2c8acb
```
#2c8acb rgb(44,138,203)
```
#2c7ccb
```
#2c7ccb rgb(44,124,203)
```

Similar Colors

Text with hexadecimal color #2ca4cb

This text has a font color of #2ca4cb.

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

#2ca4cb background color

This paragraph has a background color of #2ca4cb.

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

#2ca4cb border color

This element has a border color of #2ca4cb.

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

CSS codes

.text {color:#2ca4cb;}

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

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

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, #02080a is the darkest color, while #f8fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#06151a
```
#06151a rgb(6,21,26)
```
#09222a
```
#09222a rgb(9,34,42)
```
#0d2f3a
```
#0d2f3a rgb(13,47,58)
```
#103c4a
```
#103c4a rgb(16,60,74)
```
#14495a
```
#14495a rgb(20,73,90)
```
#17566a
```
#17566a rgb(23,86,106)
```
#1b637a
```
#1b637a rgb(27,99,122)
```
#1e708b
```
#1e708b rgb(30,112,139)
```
#227d9b
```
#227d9b rgb(34,125,155)
```
#258aab
```
#258aab rgb(37,138,171)
```
#2997bb
```
#2997bb rgb(41,151,187)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```

Shade Color Variation

#37add4
```
#37add4 rgb(55,173,212)
```
#47b4d7
```
#47b4d7 rgb(71,180,215)
```
#57badb
```
#57badb rgb(87,186,219)
```
#67c1de
```
#67c1de rgb(103,193,222)
```
#77c8e2
```
#77c8e2 rgb(119,200,226)
```
#88cee5
```
#88cee5 rgb(136,206,229)
```
#98d5e9
```
#98d5e9 rgb(152,213,233)
```
#a8dbec
```
#a8dbec rgb(168,219,236)
```
#b8e2f0
```
#b8e2f0 rgb(184,226,240)
```
#c8e9f3
```
#c8e9f3 rgb(200,233,243)
```
#d8eff7
```
#d8eff7 rgb(216,239,247)
```
#e8f6fa
```
#e8f6fa rgb(232,246,250)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787d7f is the less saturated color, while #06b7f1 is the most saturated one.

#787d7f
```
#787d7f rgb(120,125,127)
```
#6f8289
```
#6f8289 rgb(111,130,137)
```
#658792
```
#658792 rgb(101,135,146)
```
#5c8c9c
```
#5c8c9c rgb(92,140,156)
```
#5291a5
```
#5291a5 rgb(82,145,165)
```
#4995af
```
#4995af rgb(73,149,175)
```
#3f9ab8
```
#3f9ab8 rgb(63,154,184)
```
#369fc2
```
#369fc2 rgb(54,159,194)
```
#2ca4cb
```
#2ca4cb rgb(44,164,203)
```
#23a9d5
```
#23a9d5 rgb(35,169,213)
```
#19aede
```
#19aede rgb(25,174,222)
```
#10b3e8
```
#10b3e8 rgb(16,179,232)
```
#06b7f1
```
#06b7f1 rgb(6,183,241)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#929bc5 Protanopia 1% of men
#8a9bd2 Deuteranopia 1% of men
#12acb9 Tritanopia 0.001% of the population

Trichromacy

#6c9ec7 Protanomaly 1% of men, 0.01% of women
#689ed0 Deuteranomaly 6% of men, 0.4% of women
#1ba9bf Tritanomaly 0.01% of the population

#2ca4cb hex color

#2ca4cb Color Information

#2ca4cb Color Conversion

Color Schemes with #2ca4cb

Alternatives to #2ca4cb

#2ca4cb Preview

Shades and Tints of #2ca4cb

Tones of #2ca4cb

Color Blindness Simulator