#2ca4ee hex color

In a RGB color space, hex #2ca4ee is composed of 17.3% red, 64.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 31.1% magenta, 0% yellow and 6.7% black. It has a hue angle of 202.9 degrees, a saturation of 85.1% and a lightness of 55.3%. #2ca4ee color hex could be obtained by blending #58ffff with #0049dd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 64
- B 93
RGB color chart
- C 82
- M 31
- Y 0
- K 7
CMYK color chart

● #2ca4ee color description : Bright blue.

The hexadecimal color #2ca4ee has RGB values of R:44, G:164, B:238 and CMYK values of C:0.82, M:0.31, Y:0, K:0.07. Its decimal value is 2925806.

Hex triplet	2ca4ee	`#2ca4ee`
RGB Decimal	44, 164, 238	`rgb(44,164,238)`
RGB Percent	17.3, 64.3, 93.3	`rgb(17.3%,64.3%,93.3%)`
CMYK	82, 31, 0, 7
HSL	202.9°, 85.1, 55.3	`hsl(202.9,85.1%,55.3%)`
HSV (or HSB)	202.9°, 81.5, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.368, -6.958, -46.119
XYZ	29.743, 33.257, 85.736
xyY	0.2, 0.224, 33.257
CIE-LCH	64.368, 46.64, 261.421
CIE-LUV	64.368, -38.859, -73.167
Hunter-Lab	57.669, -8.858, -47.778
Binary	00101100, 10100100, 11101110

#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#ee762c
```
#ee762c rgb(238,118,44)
```

Complementary Color

#2ceed7
```
#2ceed7 rgb(44,238,215)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#2c43ee
```
#2c43ee rgb(44,67,238)
```

Analogous Color

#eed72c
```
#eed72c rgb(238,215,44)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#ee2c43
```
#ee2c43 rgb(238,44,67)
```

Split Complementary Color

#a4ee2c
```
#a4ee2c rgb(164,238,44)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#ee2ca4
```
#ee2ca4 rgb(238,44,164)
```

Triadic Color

#2cee76
```
#2cee76 rgb(44,238,118)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#ee2ca4
```
#ee2ca4 rgb(238,44,164)
```
#ee762c
```
#ee762c rgb(238,118,44)
```

Tetradic Color

#0f7bbe
```
#0f7bbe rgb(15,123,190)
```
#118bd6
```
#118bd6 rgb(17,139,214)
```
#149aec
```
#149aec rgb(20,154,236)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#44aef0
```
#44aef0 rgb(68,174,240)
```
#5bb8f2
```
#5bb8f2 rgb(91,184,242)
```
#73c3f4
```
#73c3f4 rgb(115,195,244)
```

Monochromatic Color

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

#2cd5ee
```
#2cd5ee rgb(44,213,238)
```
#2cc4ee
```
#2cc4ee rgb(44,196,238)
```
#2cb4ee
```
#2cb4ee rgb(44,180,238)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#2c94ee
```
#2c94ee rgb(44,148,238)
```
#2c84ee
```
#2c84ee rgb(44,132,238)
```
#2c74ee
```
#2c74ee rgb(44,116,238)
```

Similar Colors

Text with hexadecimal color #2ca4ee

This text has a font color of #2ca4ee.

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

#2ca4ee background color

This paragraph has a background color of #2ca4ee.

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

#2ca4ee border color

This element has a border color of #2ca4ee.

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

CSS codes

.text {color:#2ca4ee;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#021019
```
#021019 rgb(2,16,25)
```
#031c2b
```
#031c2b rgb(3,28,43)
```
#05283d
```
#05283d rgb(5,40,61)
```
#06344f
```
#06344f rgb(6,52,79)
```
#083f62
```
#083f62 rgb(8,63,98)
```
#094b74
```
#094b74 rgb(9,75,116)
```
#0b5786
```
#0b5786 rgb(11,87,134)
```
#0c6398
```
#0c6398 rgb(12,99,152)
```
#0e6faa
```
#0e6faa rgb(14,111,170)
```
#0f7abc
```
#0f7abc rgb(15,122,188)
```
#1186cf
```
#1186cf rgb(17,134,207)
```
#1292e1
```
#1292e1 rgb(18,146,225)
```

Shade Color Variation

#1a9ced
```
#1a9ced rgb(26,156,237)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#3eacef
```
#3eacef rgb(62,172,239)
```
#50b4f1
```
#50b4f1 rgb(80,180,241)
```
#62bbf2
```
#62bbf2 rgb(98,187,242)
```
#75c3f4
```
#75c3f4 rgb(117,195,244)
```
#87cbf5
```
#87cbf5 rgb(135,203,245)
```
#99d3f7
```
#99d3f7 rgb(153,211,247)
```
#abdbf8
```
#abdbf8 rgb(171,219,248)
```
#bde3fa
```
#bde3fa rgb(189,227,250)
```
#cfeafb
```
#cfeafb rgb(207,234,251)
```
#e2f2fd
```
#e2f2fd rgb(226,242,253)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8d8e is the less saturated color, while #23a6f7 is the most saturated one.

#8c8d8e
```
#8c8d8e rgb(140,141,142)
```
#848f96
```
#848f96 rgb(132,143,150)
```
#7b919f
```
#7b919f rgb(123,145,159)
```
#7293a8
```
#7293a8 rgb(114,147,168)
```
#6995b1
```
#6995b1 rgb(105,149,177)
```
#6198b9
```
#6198b9 rgb(97,152,185)
```
#589ac2
```
#589ac2 rgb(88,154,194)
```
#4f9ccb
```
#4f9ccb rgb(79,156,203)
```
#469ed4
```
#469ed4 rgb(70,158,212)
```
#3ea0dc
```
#3ea0dc rgb(62,160,220)
```
#35a2e5
```
#35a2e5 rgb(53,162,229)
```
#2ca4ee
```
#2ca4ee rgb(44,164,238)
```
#23a6f7
```
#23a6f7 rgb(35,166,247)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#768e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#869ee7 Protanopia 1% of men
#72a1f2 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#65a0e9 Protanomaly 1% of men, 0.01% of women
#58a2f0 Deuteranomaly 6% of men, 0.4% of women
#10acce Tritanomaly 0.01% of the population

#2ca4ee hex color

#2ca4ee Color Information

#2ca4ee Color Conversion

Color Schemes with #2ca4ee

Alternatives to #2ca4ee

#2ca4ee Preview

Shades and Tints of #2ca4ee

Tones of #2ca4ee

Color Blindness Simulator