#2ea1c4 hex color

In a RGB color space, hex #2ea1c4 is composed of 18% red, 63.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 17.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 194 degrees, a saturation of 62% and a lightness of 47.5%. #2ea1c4 color hex could be obtained by blending #5cffff with #004389. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 63
- B 77
RGB color chart
- C 77
- M 18
- Y 0
- K 23
CMYK color chart

● #2ea1c4 color description : Strong cyan.

The hexadecimal color #2ea1c4 has RGB values of R:46, G:161, B:196 and CMYK values of C:0.77, M:0.18, Y:0, K:0.23. Its decimal value is 3056068.

Hex triplet	2ea1c4	`#2ea1c4`
RGB Decimal	46, 161, 196	`rgb(46,161,196)`
RGB Percent	18, 63.1, 76.9	`rgb(18%,63.1%,76.9%)`
CMYK	77, 18, 0, 23
HSL	194°, 62, 47.5	`hsl(194,62%,47.5%)`
HSV (or HSB)	194°, 76.5, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.701, -19.624, -27.002
XYZ	23.833, 30.054, 56.766
xyY	0.215, 0.272, 30.054
CIE-LCH	61.701, 33.379, 233.992
CIE-LUV	61.701, -40.127, -39.256
Hunter-Lab	54.821, -18.338, -23.018
Binary	00101110, 10100001, 11000100

#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#c4512e
```
#c4512e rgb(196,81,46)
```

Complementary Color

#2ec49c
```
#2ec49c rgb(46,196,156)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#2e56c4
```
#2e56c4 rgb(46,86,196)
```

Analogous Color

#c49c2e
```
#c49c2e rgb(196,156,46)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#c42e56
```
#c42e56 rgb(196,46,86)
```

Split Complementary Color

#a1c42e
```
#a1c42e rgb(161,196,46)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#c42ea1
```
#c42ea1 rgb(196,46,161)
```

Triadic Color

#2ec451
```
#2ec451 rgb(46,196,81)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#c42ea1
```
#c42ea1 rgb(196,46,161)
```
#c4512e
```
#c4512e rgb(196,81,46)
```

Tetradic Color

#1f6e86
```
#1f6e86 rgb(31,110,134)
```
#247f9b
```
#247f9b rgb(36,127,155)
```
#2990af
```
#2990af rgb(41,144,175)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#3baed1
```
#3baed1 rgb(59,174,209)
```
#4fb6d6
```
#4fb6d6 rgb(79,182,214)
```
#64bfdb
```
#64bfdb rgb(100,191,219)
```

Monochromatic Color

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

#2ec4c2
```
#2ec4c2 rgb(46,196,194)
```
#2ebac4
```
#2ebac4 rgb(46,186,196)
```
#2eaec4
```
#2eaec4 rgb(46,174,196)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#2e95c4
```
#2e95c4 rgb(46,149,196)
```
#2e88c4
```
#2e88c4 rgb(46,136,196)
```
#2e7cc4
```
#2e7cc4 rgb(46,124,196)
```

Similar Colors

Text with hexadecimal color #2ea1c4

This text has a font color of #2ea1c4.

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

#2ea1c4 background color

This paragraph has a background color of #2ea1c4.

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

#2ea1c4 border color

This element has a border color of #2ea1c4.

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

CSS codes

.text {color:#2ea1c4;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051115
```
#051115 rgb(5,17,21)
```
#091f25
```
#091f25 rgb(9,31,37)
```
#0c2c35
```
#0c2c35 rgb(12,44,53)
```
#103945
```
#103945 rgb(16,57,69)
```
#144655
```
#144655 rgb(20,70,85)
```
#185365
```
#185365 rgb(24,83,101)
```
#1b6075
```
#1b6075 rgb(27,96,117)
```
#1f6d84
```
#1f6d84 rgb(31,109,132)
```
#237a94
```
#237a94 rgb(35,122,148)
```
#2787a4
```
#2787a4 rgb(39,135,164)
```
#2a94b4
```
#2a94b4 rgb(42,148,180)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```

Shade Color Variation

#36acd0
```
#36acd0 rgb(54,172,208)
```
#46b2d4
```
#46b2d4 rgb(70,178,212)
```
#56b9d7
```
#56b9d7 rgb(86,185,215)
```
#65c0db
```
#65c0db rgb(101,192,219)
```
#75c6df
```
#75c6df rgb(117,198,223)
```
#85cde2
```
#85cde2 rgb(133,205,226)
```
#95d3e6
```
#95d3e6 rgb(149,211,230)
```
#a5daea
```
#a5daea rgb(165,218,234)
```
#b5e0ee
```
#b5e0ee rgb(181,224,238)
```
#c5e7f1
```
#c5e7f1 rgb(197,231,241)
```
#d5eef5
```
#d5eef5 rgb(213,238,245)
```
#e5f4f9
```
#e5f4f9 rgb(229,244,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797a is the less saturated color, while #09b5e9 is the most saturated one.

#78797a
```
#78797a rgb(120,121,122)
```
#6f7e83
```
#6f7e83 rgb(111,126,131)
```
#66838c
```
#66838c rgb(102,131,140)
```
#5d8895
```
#5d8895 rgb(93,136,149)
```
#538d9f
```
#538d9f rgb(83,141,159)
```
#4a92a8
```
#4a92a8 rgb(74,146,168)
```
#4197b1
```
#4197b1 rgb(65,151,177)
```
#379cbb
```
#379cbb rgb(55,156,187)
```
#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#25a6cd
```
#25a6cd rgb(37,166,205)
```
#1babd7
```
#1babd7 rgb(27,171,215)
```
#12b0e0
```
#12b0e0 rgb(18,176,224)
```
#09b5e9
```
#09b5e9 rgb(9,181,233)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#728990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9099be Protanopia 1% of men
#8a98cc Deuteranopia 1% of men
#22a9b5 Tritanopia 0.001% of the population

Trichromacy

#6c9bc0 Protanomaly 1% of men, 0.01% of women
#699bc9 Deuteranomaly 6% of men, 0.4% of women
#26a6ba Tritanomaly 0.01% of the population

#2ea1c4 hex color

#2ea1c4 Color Information

#2ea1c4 Color Conversion

Color Schemes with #2ea1c4

Alternatives to #2ea1c4

#2ea1c4 Preview

Shades and Tints of #2ea1c4

Tones of #2ea1c4

Color Blindness Simulator