#2ca4e8 hex color

In a RGB color space, hex #2ca4e8 is composed of 17.3% red, 64.3% green and 91% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 29.3% magenta, 0% yellow and 9% black. It has a hue angle of 201.7 degrees, a saturation of 80.3% and a lightness of 54.1%. #2ca4e8 color hex could be obtained by blending #58ffff with #0049d1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 64
- B 91
RGB color chart
- C 81
- M 29
- Y 0
- K 9
CMYK color chart

● #2ca4e8 color description : Bright blue.

The hexadecimal color #2ca4e8 has RGB values of R:44, G:164, B:232 and CMYK values of C:0.81, M:0.29, Y:0, K:0.09. Its decimal value is 2925800.

Hex triplet	2ca4e8	`#2ca4e8`
RGB Decimal	44, 164, 232	`rgb(44,164,232)`
RGB Percent	17.3, 64.3, 91	`rgb(17.3%,64.3%,91%)`
CMYK	81, 29, 0, 9
HSL	201.7°, 80.3, 54.1	`hsl(201.7,80.3%,54.1%)`
HSV (or HSB)	201.7°, 81, 91
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.088, -9.08, -43.263
XYZ	28.876, 32.91, 81.17
xyY	0.202, 0.23, 32.91
CIE-LCH	64.088, 44.206, 258.147
CIE-LUV	64.088, -39.206, -68.054
Hunter-Lab	57.367, -10.544, -43.733
Binary	00101100, 10100100, 11101000

#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#e8702c
```
#e8702c rgb(232,112,44)
```

Complementary Color

#2ce8ce
```
#2ce8ce rgb(44,232,206)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#2c46e8
```
#2c46e8 rgb(44,70,232)
```

Analogous Color

#e8ce2c
```
#e8ce2c rgb(232,206,44)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#e82c46
```
#e82c46 rgb(232,44,70)
```

Split Complementary Color

#a4e82c
```
#a4e82c rgb(164,232,44)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#e82ca4
```
#e82ca4 rgb(232,44,164)
```

Triadic Color

#2ce870
```
#2ce870 rgb(44,232,112)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#e82ca4
```
#e82ca4 rgb(232,44,164)
```
#e8702c
```
#e8702c rgb(232,112,44)
```

Tetradic Color

#147ab4
```
#147ab4 rgb(20,122,180)
```
#168acb
```
#168acb rgb(22,138,203)
```
#1999e2
```
#1999e2 rgb(25,153,226)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#43aeeb
```
#43aeeb rgb(67,174,235)
```
#5ab8ed
```
#5ab8ed rgb(90,184,237)
```
#71c2f0
```
#71c2f0 rgb(113,194,240)
```

Monochromatic Color

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

#2cd3e8
```
#2cd3e8 rgb(44,211,232)
```
#2cc3e8
```
#2cc3e8 rgb(44,195,232)
```
#2cb4e8
```
#2cb4e8 rgb(44,180,232)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#2c94e8
```
#2c94e8 rgb(44,148,232)
```
#2c85e8
```
#2c85e8 rgb(44,133,232)
```
#2c75e8
```
#2c75e8 rgb(44,117,232)
```

Similar Colors

Text with hexadecimal color #2ca4e8

This text has a font color of #2ca4e8.

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

#2ca4e8 background color

This paragraph has a background color of #2ca4e8.

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

#2ca4e8 border color

This element has a border color of #2ca4e8.

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

CSS codes

.text {color:#2ca4e8;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020d13
```
#020d13 rgb(2,13,19)
```
#041925
```
#041925 rgb(4,25,37)
```
#062536
```
#062536 rgb(6,37,54)
```
#083148
```
#083148 rgb(8,49,72)
```
#0a3d5a
```
#0a3d5a rgb(10,61,90)
```
#0c496b
```
#0c496b rgb(12,73,107)
```
#0e557d
```
#0e557d rgb(14,85,125)
```
#10618f
```
#10618f rgb(16,97,143)
```
#116da0
```
#116da0 rgb(17,109,160)
```
#1379b2
```
#1379b2 rgb(19,121,178)
```
#1585c4
```
#1585c4 rgb(21,133,196)
```
#1791d5
```
#1791d5 rgb(23,145,213)
```

Shade Color Variation

#1a9ce6
```
#1a9ce6 rgb(26,156,230)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#3eacea
```
#3eacea rgb(62,172,234)
```
#4fb3ec
```
#4fb3ec rgb(79,179,236)
```
#61bbee
```
#61bbee rgb(97,187,238)
```
#73c3f0
```
#73c3f0 rgb(115,195,240)
```
#84caf2
```
#84caf2 rgb(132,202,242)
```
#96d2f4
```
#96d2f4 rgb(150,210,244)
```
#a8d9f5
```
#a8d9f5 rgb(168,217,245)
```
#b9e1f7
```
#b9e1f7 rgb(185,225,247)
```
#cbe9f9
```
#cbe9f9 rgb(203,233,249)
```
#ddf0fb
```
#ddf0fb rgb(221,240,251)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

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

#868b8e
```
#868b8e rgb(134,139,142)
```
#7d8e97
```
#7d8e97 rgb(125,142,151)
```
#7490a0
```
#7490a0 rgb(116,144,160)
```
#6b93a9
```
#6b93a9 rgb(107,147,169)
```
#6295b2
```
#6295b2 rgb(98,149,178)
```
#5998bb
```
#5998bb rgb(89,152,187)
```
#509ac4
```
#509ac4 rgb(80,154,196)
```
#479dcd
```
#479dcd rgb(71,157,205)
```
#3e9fd6
```
#3e9fd6 rgb(62,159,214)
```
#35a2df
```
#35a2df rgb(53,162,223)
```
#2ca4e8
```
#2ca4e8 rgb(44,164,232)
```
#23a6f1
```
#23a6f1 rgb(35,166,241)
```
#1aa9fa
```
#1aa9fa rgb(26,169,250)
```

Tone Color Variation

Below, you can see how #2ca4e8 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
#768e9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ee1 Protanopia 1% of men
#77a0ec Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#67a0e3 Protanomaly 1% of men, 0.01% of women
#5ba1eb Deuteranomaly 6% of men, 0.4% of women
#10abcc Tritanomaly 0.01% of the population

#2ca4e8 hex color

#2ca4e8 Color Information

#2ca4e8 Color Conversion

Color Schemes with #2ca4e8

Alternatives to #2ca4e8

#2ca4e8 Preview

Shades and Tints of #2ca4e8

Tones of #2ca4e8

Color Blindness Simulator