#2ca4ed hex color

In a RGB color space, hex #2ca4ed is composed of 17.3% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 202.7 degrees, a saturation of 84.3% and a lightness of 55.1%. #2ca4ed color hex could be obtained by blending #58ffff with #0049db. Closest websafe color is: #3399ff.

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

● #2ca4ed color description : Bright blue.

The hexadecimal color #2ca4ed has RGB values of R:44, G:164, B:237 and CMYK values of C:0.81, M:0.31, Y:0, K:0.07. Its decimal value is 2925805.

Hex triplet	2ca4ed	`#2ca4ed`
RGB Decimal	44, 164, 237	`rgb(44,164,237)`
RGB Percent	17.3, 64.3, 92.9	`rgb(17.3%,64.3%,92.9%)`
CMYK	81, 31, 0, 7
HSL	202.7°, 84.3, 55.1	`hsl(202.7,84.3%,55.1%)`
HSV (or HSB)	202.7°, 81.4, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.321, -7.312, -45.644
XYZ	29.596, 33.198, 84.964
xyY	0.2, 0.225, 33.198
CIE-LCH	64.321, 46.226, 260.898
CIE-LUV	64.321, -38.916, -72.317
Hunter-Lab	57.618, -9.141, -47.097
Binary	00101100, 10100100, 11101101

#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#ed752c
```
#ed752c rgb(237,117,44)
```

Complementary Color

#2cedd6
```
#2cedd6 rgb(44,237,214)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#2c43ed
```
#2c43ed rgb(44,67,237)
```

Analogous Color

#edd62c
```
#edd62c rgb(237,214,44)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#ed2c44
```
#ed2c44 rgb(237,44,68)
```

Split Complementary Color

#a4ed2c
```
#a4ed2c rgb(164,237,44)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#ed2ca4
```
#ed2ca4 rgb(237,44,164)
```

Triadic Color

#2ced75
```
#2ced75 rgb(44,237,117)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#ed2ca4
```
#ed2ca4 rgb(237,44,164)
```
#ed752c
```
#ed752c rgb(237,117,44)
```

Tetradic Color

#107bbc
```
#107bbc rgb(16,123,188)
```
#128bd4
```
#128bd4 rgb(18,139,212)
```
#159aeb
```
#159aeb rgb(21,154,235)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#43aeef
```
#43aeef rgb(67,174,239)
```
#5bb8f1
```
#5bb8f1 rgb(91,184,241)
```
#72c2f3
```
#72c2f3 rgb(114,194,243)
```

Monochromatic Color

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

#2cd4ed
```
#2cd4ed rgb(44,212,237)
```
#2cc4ed
```
#2cc4ed rgb(44,196,237)
```
#2cb4ed
```
#2cb4ed rgb(44,180,237)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#2c94ed
```
#2c94ed rgb(44,148,237)
```
#2c84ed
```
#2c84ed rgb(44,132,237)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```

Similar Colors

Text with hexadecimal color #2ca4ed

This text has a font color of #2ca4ed.

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

#2ca4ed background color

This paragraph has a background color of #2ca4ed.

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

#2ca4ed border color

This element has a border color of #2ca4ed.

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

CSS codes

.text {color:#2ca4ed;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021018
```
#021018 rgb(2,16,24)
```
#041b2a
```
#041b2a rgb(4,27,42)
```
#05273c
```
#05273c rgb(5,39,60)
```
#07334e
```
#07334e rgb(7,51,78)
```
#083f60
```
#083f60 rgb(8,63,96)
```
#0a4b72
```
#0a4b72 rgb(10,75,114)
```
#0b5784
```
#0b5784 rgb(11,87,132)
```
#0d6296
```
#0d6296 rgb(13,98,150)
```
#0e6ea9
```
#0e6ea9 rgb(14,110,169)
```
#107abb
```
#107abb rgb(16,122,187)
```
#1186cd
```
#1186cd rgb(17,134,205)
```
#1392df
```
#1392df rgb(19,146,223)
```

Shade Color Variation

#1a9ceb
```
#1a9ceb rgb(26,156,235)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#3eacef
```
#3eacef rgb(62,172,239)
```
#50b4f0
```
#50b4f0 rgb(80,180,240)
```
#62bbf2
```
#62bbf2 rgb(98,187,242)
```
#74c3f3
```
#74c3f3 rgb(116,195,243)
```
#86cbf5
```
#86cbf5 rgb(134,203,245)
```
#98d3f6
```
#98d3f6 rgb(152,211,246)
```
#abdbf8
```
#abdbf8 rgb(171,219,248)
```
#bde2f9
```
#bde2f9 rgb(189,226,249)
```
#cfeafb
```
#cfeafb rgb(207,234,251)
```
#e1f2fc
```
#e1f2fc rgb(225,242,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848f95 is the less saturated color, while #1aa8ff is the most saturated one.

#848f95
```
#848f95 rgb(132,143,149)
```
#7b919e
```
#7b919e rgb(123,145,158)
```
#7293a7
```
#7293a7 rgb(114,147,167)
```
#6a95af
```
#6a95af rgb(106,149,175)
```
#6197b8
```
#6197b8 rgb(97,151,184)
```
#5899c1
```
#5899c1 rgb(88,153,193)
```
#4f9bca
```
#4f9bca rgb(79,155,202)
```
#469ed3
```
#469ed3 rgb(70,158,211)
```
#3ea0db
```
#3ea0db rgb(62,160,219)
```
#35a2e4
```
#35a2e4 rgb(53,162,228)
```
#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#23a6f6
```
#23a6f6 rgb(35,166,246)
```
#1aa8ff
```
#1aa8ff rgb(26,168,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#768e9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ee6 Protanopia 1% of men
#72a1f1 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#65a0e8 Protanomaly 1% of men, 0.01% of women
#59a2ef Deuteranomaly 6% of men, 0.4% of women
#10acce Tritanomaly 0.01% of the population

#2ca4ed hex color

#2ca4ed Color Information

#2ca4ed Color Conversion

Color Schemes with #2ca4ed

Alternatives to #2ca4ed

#2ca4ed Preview

Shades and Tints of #2ca4ed

Tones of #2ca4ed

Color Blindness Simulator