#2ca5ca hex color

In a RGB color space, hex #2ca5ca is composed of 17.3% red, 64.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 18.3% magenta, 0% yellow and 20.8% black. It has a hue angle of 194.1 degrees, a saturation of 64.2% and a lightness of 48.2%. #2ca5ca color hex could be obtained by blending #58ffff with #004b95. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 65
- B 79
RGB color chart
- C 78
- M 18
- Y 0
- K 21
CMYK color chart

● #2ca5ca color description : Strong cyan.

The hexadecimal color #2ca5ca has RGB values of R:44, G:165, B:202 and CMYK values of C:0.78, M:0.18, Y:0, K:0.21. Its decimal value is 2926026.

Hex triplet	2ca5ca	`#2ca5ca`
RGB Decimal	44, 165, 202	`rgb(44,165,202)`
RGB Percent	17.3, 64.7, 79.2	`rgb(17.3%,64.7%,79.2%)`
CMYK	78, 18, 0, 21
HSL	194.1°, 64.2, 48.2	`hsl(194.1,64.2%,48.2%)`
HSV (or HSB)	194.1°, 78.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.101, -19.945, -28.195
XYZ	25.152, 31.708, 60.668
xyY	0.214, 0.27, 31.708
CIE-LCH	63.101, 34.536, 234.724
CIE-LUV	63.101, -41.417, -41.327
Hunter-Lab	56.31, -18.812, -24.463
Binary	00101100, 10100101, 11001010

#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#ca512c
```
#ca512c rgb(202,81,44)
```

Complementary Color

#2ccaa0
```
#2ccaa0 rgb(44,202,160)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#2c56ca
```
#2c56ca rgb(44,86,202)
```

Analogous Color

#caa02c
```
#caa02c rgb(202,160,44)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#ca2c56
```
#ca2c56 rgb(202,44,86)
```

Split Complementary Color

#a5ca2c
```
#a5ca2c rgb(165,202,44)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#ca2ca5
```
#ca2ca5 rgb(202,44,165)
```

Triadic Color

#2cca51
```
#2cca51 rgb(44,202,81)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#ca2ca5
```
#ca2ca5 rgb(202,44,165)
```
#ca512c
```
#ca512c rgb(202,81,44)
```

Tetradic Color

#1e728b
```
#1e728b rgb(30,114,139)
```
#2383a0
```
#2383a0 rgb(35,131,160)
```
#2794b5
```
#2794b5 rgb(39,148,181)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#3bb0d4
```
#3bb0d4 rgb(59,176,212)
```
#50b9d9
```
#50b9d9 rgb(80,185,217)
```
#65c1dd
```
#65c1dd rgb(101,193,221)
```

Monochromatic Color

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

#2ccac8
```
#2ccac8 rgb(44,202,200)
```
#2cbfca
```
#2cbfca rgb(44,191,202)
```
#2cb2ca
```
#2cb2ca rgb(44,178,202)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#2c98ca
```
#2c98ca rgb(44,152,202)
```
#2c8bca
```
#2c8bca rgb(44,139,202)
```
#2c7eca
```
#2c7eca rgb(44,126,202)
```

Similar Colors

Text with hexadecimal color #2ca5ca

This text has a font color of #2ca5ca.

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

#2ca5ca background color

This paragraph has a background color of #2ca5ca.

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

#2ca5ca border color

This element has a border color of #2ca5ca.

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

CSS codes

.text {color:#2ca5ca;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#051419
```
#051419 rgb(5,20,25)
```
#092129
```
#092129 rgb(9,33,41)
```
#0c2f39
```
#0c2f39 rgb(12,47,57)
```
#103c49
```
#103c49 rgb(16,60,73)
```
#134959
```
#134959 rgb(19,73,89)
```
#175669
```
#175669 rgb(23,86,105)
```
#1a6379
```
#1a6379 rgb(26,99,121)
```
#1e708a
```
#1e708a rgb(30,112,138)
```
#217e9a
```
#217e9a rgb(33,126,154)
```
#258baa
```
#258baa rgb(37,139,170)
```
#2898ba
```
#2898ba rgb(40,152,186)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```

Shade Color Variation

#36afd3
```
#36afd3 rgb(54,175,211)
```
#46b5d7
```
#46b5d7 rgb(70,181,215)
```
#57bbda
```
#57bbda rgb(87,187,218)
```
#67c2de
```
#67c2de rgb(103,194,222)
```
#77c8e1
```
#77c8e1 rgb(119,200,225)
```
#87cfe5
```
#87cfe5 rgb(135,207,229)
```
#97d5e8
```
#97d5e8 rgb(151,213,232)
```
#a7dcec
```
#a7dcec rgb(167,220,236)
```
#b7e2ef
```
#b7e2ef rgb(183,226,239)
```
#c7e9f3
```
#c7e9f3 rgb(199,233,243)
```
#d7eff6
```
#d7eff6 rgb(215,239,246)
```
#e8f6fa
```
#e8f6fa rgb(232,246,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#787d7e
```
#787d7e rgb(120,125,126)
```
#6e8288
```
#6e8288 rgb(110,130,136)
```
#658791
```
#658791 rgb(101,135,145)
```
#5b8c9b
```
#5b8c9b rgb(91,140,155)
```
#5291a4
```
#5291a4 rgb(82,145,164)
```
#4896ae
```
#4896ae rgb(72,150,174)
```
#3f9bb7
```
#3f9bb7 rgb(63,155,183)
```
#35a0c1
```
#35a0c1 rgb(53,160,193)
```
#2ca5ca
```
#2ca5ca rgb(44,165,202)
```
#23aad3
```
#23aad3 rgb(35,170,211)
```
#19afdd
```
#19afdd rgb(25,175,221)
```
#10b4e6
```
#10b4e6 rgb(16,180,230)
```
#06b9f0
```
#06b9f0 rgb(6,185,240)
```

Tone Color Variation

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

#939cc4 Protanopia 1% of men
#8c9cd2 Deuteranopia 1% of men
#18adb9 Tritanopia 0.001% of the population

Trichromacy

#6d9fc6 Protanomaly 1% of men, 0.01% of women
#699fcf Deuteranomaly 6% of men, 0.4% of women
#1faabf Tritanomaly 0.01% of the population

#2ca5ca hex color

#2ca5ca Color Information

#2ca5ca Color Conversion

Color Schemes with #2ca5ca

Alternatives to #2ca5ca

#2ca5ca Preview

Shades and Tints of #2ca5ca

Tones of #2ca5ca

Color Blindness Simulator