colorhexa.com

#2ea5c3 hex color

In a RGB color space, hex #2ea5c3 is composed of 18% red, 64.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 15.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 192.1 degrees, a saturation of 61.8% and a lightness of 47.3%. #2ea5c3 color hex could be obtained by blending #5cffff with #004b87. Closest websafe color is: #3399cc.

- R 18
- G 65
- B 76
RGB color chart
- C 76
- M 15
- Y 0
- K 24
CMYK color chart

● #2ea5c3 color description : Strong cyan.

The hexadecimal color #2ea5c3 has RGB values of R:46, G:165, B:195 and CMYK values of C:0.76, M:0.15, Y:0, K:0.24. Its decimal value is 3057091.

Hex triplet	2ea5c3	`#2ea5c3`
RGB Decimal	46, 165, 195	`rgb(46,165,195)`
RGB Percent	18, 64.7, 76.5	`rgb(18%,64.7%,76.5%)`
CMYK	76, 15, 0, 24
HSL	192.1°, 61.8, 47.3	`hsl(192.1,61.8%,47.3%)`
HSV (or HSB)	192.1°, 76.4, 76.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.868, -22.045, -24.647
XYZ	24.429, 31.429, 56.406
xyY	0.218, 0.28, 31.429
CIE-LCH	62.868, 33.068, 228.189
CIE-LUV	62.868, -41.611, -35.171
Hunter-Lab	56.062, -20.324, -20.411
Binary	00101110, 10100101, 11000011

#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#c34c2e
```
#c34c2e rgb(195,76,46)
```

Complementary Color

#2ec397
```
#2ec397 rgb(46,195,151)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#2e5bc3
```
#2e5bc3 rgb(46,91,195)
```

Analogous Color

#c3972e
```
#c3972e rgb(195,151,46)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#c32e5b
```
#c32e5b rgb(195,46,91)
```

Split Complementary Color

#a5c32e
```
#a5c32e rgb(165,195,46)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#c32ea5
```
#c32ea5 rgb(195,46,165)
```

Triadic Color

#2ec34c
```
#2ec34c rgb(46,195,76)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#c32ea5
```
#c32ea5 rgb(195,46,165)
```
#c34c2e
```
#c34c2e rgb(195,76,46)
```

Tetradic Color

#1f7185
```
#1f7185 rgb(31,113,133)
```
#24829a
```
#24829a rgb(36,130,154)
```
#2994ae
```
#2994ae rgb(41,148,174)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#3ab2d1
```
#3ab2d1 rgb(58,178,209)
```
#4fbad5
```
#4fbad5 rgb(79,186,213)
```
#63c2da
```
#63c2da rgb(99,194,218)
```

Monochromatic Color

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

#2ec3bc
```
#2ec3bc rgb(46,195,188)
```
#2ebec3
```
#2ebec3 rgb(46,190,195)
```
#2eb1c3
```
#2eb1c3 rgb(46,177,195)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#2e99c3
```
#2e99c3 rgb(46,153,195)
```
#2e8cc3
```
#2e8cc3 rgb(46,140,195)
```
#2e80c3
```
#2e80c3 rgb(46,128,195)
```

Similar Colors

Text with hexadecimal color #2ea5c3

This text has a font color of #2ea5c3.

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

#2ea5c3 background color

This paragraph has a background color of #2ea5c3.

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

#2ea5c3 border color

This element has a border color of #2ea5c3.

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

CSS codes

.text {color:#2ea5c3;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051114
```
#051114 rgb(5,17,20)
```
#091f24
```
#091f24 rgb(9,31,36)
```
#0c2c34
```
#0c2c34 rgb(12,44,52)
```
#103a44
```
#103a44 rgb(16,58,68)
```
#144754
```
#144754 rgb(20,71,84)
```
#185464
```
#185464 rgb(24,84,100)
```
#1b6274
```
#1b6274 rgb(27,98,116)
```
#1f6f84
```
#1f6f84 rgb(31,111,132)
```
#237d93
```
#237d93 rgb(35,125,147)
```
#278aa3
```
#278aa3 rgb(39,138,163)
```
#2a98b3
```
#2a98b3 rgb(42,152,179)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```

Shade Color Variation

#35b0cf
```
#35b0cf rgb(53,176,207)
```
#45b7d3
```
#45b7d3 rgb(69,183,211)
```
#55bdd7
```
#55bdd7 rgb(85,189,215)
```
#65c3db
```
#65c3db rgb(101,195,219)
```
#75c9de
```
#75c9de rgb(117,201,222)
```
#85cfe2
```
#85cfe2 rgb(133,207,226)
```
#94d5e6
```
#94d5e6 rgb(148,213,230)
```
#a4dcea
```
#a4dcea rgb(164,220,234)
```
#b4e2ed
```
#b4e2ed rgb(180,226,237)
```
#c4e8f1
```
#c4e8f1 rgb(196,232,241)
```
#d4eef5
```
#d4eef5 rgb(212,238,245)
```
#e4f4f9
```
#e4f4f9 rgb(228,244,249)
```
#f4fbfc
```
#f4fbfc rgb(244,251,252)
```

Tint Color Variation

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

#787979
```
#787979 rgb(120,121,121)
```
#6f7e82
```
#6f7e82 rgb(111,126,130)
```
#66848b
```
#66848b rgb(102,132,139)
```
#5c8995
```
#5c8995 rgb(92,137,149)
```
#538f9e
```
#538f9e rgb(83,143,158)
```
#4a94a7
```
#4a94a7 rgb(74,148,167)
```
#419ab0
```
#419ab0 rgb(65,154,176)
```
#379fba
```
#379fba rgb(55,159,186)
```
#2ea5c3
```
#2ea5c3 rgb(46,165,195)
```
#25abcc
```
#25abcc rgb(37,171,204)
```
#1bb0d6
```
#1bb0d6 rgb(27,176,214)
```
#12b6df
```
#12b6df rgb(18,182,223)
```
#09bbe8
```
#09bbe8 rgb(9,187,232)
```

Tone Color Variation

Below, you can see how #2ea5c3 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
#748b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959cbd Protanopia 1% of men
#909bcb Deuteranopia 1% of men
#29acb8 Tritanopia 0.001% of the population

Trichromacy

#6f9fbf Protanomaly 1% of men, 0.01% of women
#6c9ec8 Deuteranomaly 6% of men, 0.4% of women
#2aa9bc Tritanomaly 0.01% of the population