#2ea7d4 hex color

In a RGB color space, hex #2ea7d4 is composed of 18% red, 65.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 21.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 196.3 degrees, a saturation of 65.9% and a lightness of 50.6%. #2ea7d4 color hex could be obtained by blending #5cffff with #004fa9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 65
- B 83
RGB color chart
- C 78
- M 21
- Y 0
- K 17
CMYK color chart

● #2ea7d4 color description : Strong blue.

The hexadecimal color #2ea7d4 has RGB values of R:46, G:167, B:212 and CMYK values of C:0.78, M:0.21, Y:0, K:0.17. Its decimal value is 3057620.

Hex triplet	2ea7d4	`#2ea7d4`
RGB Decimal	46, 167, 212	`rgb(46,167,212)`
RGB Percent	18, 65.5, 83.1	`rgb(18%,65.5%,83.1%)`
CMYK	78, 21, 0, 17
HSL	196.3°, 65.9, 50.6	`hsl(196.3,65.9%,50.6%)`
HSV (or HSB)	196.3°, 78.3, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.136, -17.438, -32.144
XYZ	26.826, 32.969, 67.234
xyY	0.211, 0.26, 32.969
CIE-LCH	64.136, 36.569, 241.52
CIE-LUV	64.136, -41.22, -48.332
Hunter-Lab	57.419, -17.088, -29.231
Binary	00101110, 10100111, 11010100

#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#d45b2e
```
#d45b2e rgb(212,91,46)
```

Complementary Color

#2ed4ae
```
#2ed4ae rgb(46,212,174)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#2e54d4
```
#2e54d4 rgb(46,84,212)
```

Analogous Color

#d4ae2e
```
#d4ae2e rgb(212,174,46)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#d42e54
```
#d42e54 rgb(212,46,84)
```

Split Complementary Color

#a7d42e
```
#a7d42e rgb(167,212,46)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#d42ea7
```
#d42ea7 rgb(212,46,167)
```

Triadic Color

#2ed45b
```
#2ed45b rgb(46,212,91)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#d42ea7
```
#d42ea7 rgb(212,46,167)
```
#d45b2e
```
#d45b2e rgb(212,91,46)
```

Tetradic Color

#1f7697
```
#1f7697 rgb(31,118,151)
```
#2387ac
```
#2387ac rgb(35,135,172)
```
#2897c1
```
#2897c1 rgb(40,151,193)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#43b0d8
```
#43b0d8 rgb(67,176,216)
```
#58b9dd
```
#58b9dd rgb(88,185,221)
```
#6dc2e1
```
#6dc2e1 rgb(109,194,225)
```

Monochromatic Color

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

#2ed1d4
```
#2ed1d4 rgb(46,209,212)
```
#2ec3d4
```
#2ec3d4 rgb(46,195,212)
```
#2eb5d4
```
#2eb5d4 rgb(46,181,212)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#2e99d4
```
#2e99d4 rgb(46,153,212)
```
#2e8bd4
```
#2e8bd4 rgb(46,139,212)
```
#2e7ed4
```
#2e7ed4 rgb(46,126,212)
```

Similar Colors

Text with hexadecimal color #2ea7d4

This text has a font color of #2ea7d4.

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

#2ea7d4 background color

This paragraph has a background color of #2ea7d4.

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

#2ea7d4 border color

This element has a border color of #2ea7d4.

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

CSS codes

.text {color:#2ea7d4;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040f13
```
#040f13 rgb(4,15,19)
```
#071b23
```
#071b23 rgb(7,27,35)
```
#0b2833
```
#0b2833 rgb(11,40,51)
```
#0e3544
```
#0e3544 rgb(14,53,68)
```
#114254
```
#114254 rgb(17,66,84)
```
#154f64
```
#154f64 rgb(21,79,100)
```
#185b74
```
#185b74 rgb(24,91,116)
```
#1b6885
```
#1b6885 rgb(27,104,133)
```
#1f7595
```
#1f7595 rgb(31,117,149)
```
#2282a5
```
#2282a5 rgb(34,130,165)
```
#258eb5
```
#258eb5 rgb(37,142,181)
```
#299bc6
```
#299bc6 rgb(41,155,198)
```

Shade Color Variation

#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#3eaed7
```
#3eaed7 rgb(62,174,215)
```
#4fb5db
```
#4fb5db rgb(79,181,219)
```
#5fbcde
```
#5fbcde rgb(95,188,222)
```
#6fc2e1
```
#6fc2e1 rgb(111,194,225)
```
#7fc9e5
```
#7fc9e5 rgb(127,201,229)
```
#90d0e8
```
#90d0e8 rgb(144,208,232)
```
#a0d7eb
```
#a0d7eb rgb(160,215,235)
```
#b0deef
```
#b0deef rgb(176,222,239)
```
#c0e5f2
```
#c0e5f2 rgb(192,229,242)
```
#d1ebf5
```
#d1ebf5 rgb(209,235,245)
```
#e1f2f9
```
#e1f2f9 rgb(225,242,249)
```
#f1f9fc
```
#f1f9fc rgb(241,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8486 is the less saturated color, while #07b9fb is the most saturated one.

#7c8486
```
#7c8486 rgb(124,132,134)
```
#728890
```
#728890 rgb(114,136,144)
```
#688c9a
```
#688c9a rgb(104,140,154)
```
#5e91a4
```
#5e91a4 rgb(94,145,164)
```
#5595ad
```
#5595ad rgb(85,149,173)
```
#4b9ab7
```
#4b9ab7 rgb(75,154,183)
```
#419ec1
```
#419ec1 rgb(65,158,193)
```
#38a3ca
```
#38a3ca rgb(56,163,202)
```
#2ea7d4
```
#2ea7d4 rgb(46,167,212)
```
#24abde
```
#24abde rgb(36,171,222)
```
#1bb0e7
```
#1bb0e7 rgb(27,176,231)
```
#11b4f1
```
#11b4f1 rgb(17,180,241)
```
#07b9fb
```
#07b9fb rgb(7,185,251)
```

Tone Color Variation

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

Dichromacy

#939ecd Protanopia 1% of men
#8a9fdb Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#6ea1cf Protanomaly 1% of men, 0.01% of women
#68a1d8 Deuteranomaly 6% of men, 0.4% of women
#10acc5 Tritanomaly 0.01% of the population

#2ea7d4 hex color

#2ea7d4 Color Information

#2ea7d4 Color Conversion

Color Schemes with #2ea7d4

Alternatives to #2ea7d4

#2ea7d4 Preview

Shades and Tints of #2ea7d4

Tones of #2ea7d4

Color Blindness Simulator