#2ea1ff hex color

In a RGB color space, hex #2ea1ff is composed of 18% red, 63.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 36.9% magenta, 0% yellow and 0% black. It has a hue angle of 207 degrees, a saturation of 100% and a lightness of 59%. #2ea1ff color hex could be obtained by blending #5cffff with #0043ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 63
- B 100
RGB color chart
- C 82
- M 37
- Y 0
- K 0
CMYK color chart

● #2ea1ff color description : Vivid blue.

The hexadecimal color #2ea1ff has RGB values of R:46, G:161, B:255 and CMYK values of C:0.82, M:0.37, Y:0, K:0. Its decimal value is 3056127.

Hex triplet	2ea1ff	`#2ea1ff`
RGB Decimal	46, 161, 255	`rgb(46,161,255)`
RGB Percent	18, 63.1, 100	`rgb(18%,63.1%,100%)`
CMYK	82, 37, 0, 0
HSL	207°, 100, 59	`hsl(207,100%,59%)`
HSV (or HSB)	207°, 82, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.393, 1.013, -55.372
XYZ	31.917, 33.288, 99.345
xyY	0.194, 0.202, 33.288
CIE-LCH	64.393, 55.381, 271.048
CIE-LUV	64.393, -36.738, -89.627
Hunter-Lab	57.696, -2.221, -61.704
Binary	00101110, 10100001, 11111111

#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#ff8c2e
```
#ff8c2e rgb(255,140,46)
```

Complementary Color

#2efff5
```
#2efff5 rgb(46,255,245)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#2e39ff
```
#2e39ff rgb(46,57,255)
```

Analogous Color

#fff52e
```
#fff52e rgb(255,245,46)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#ff2e39
```
#ff2e39 rgb(255,46,57)
```

Split Complementary Color

#a1ff2e
```
#a1ff2e rgb(161,255,46)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#ff2ea1
```
#ff2ea1 rgb(255,46,161)
```

Triadic Color

#2eff8c
```
#2eff8c rgb(46,255,140)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#ff2ea1
```
#ff2ea1 rgb(255,46,161)
```
#ff8c2e
```
#ff8c2e rgb(255,140,46)
```

Tetradic Color

#007ce1
```
#007ce1 rgb(0,124,225)
```
#008afa
```
#008afa rgb(0,138,250)
```
#1596ff
```
#1596ff rgb(21,150,255)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#48acff
```
#48acff rgb(72,172,255)
```
#61b8ff
```
#61b8ff rgb(97,184,255)
```
#7bc3ff
```
#7bc3ff rgb(123,195,255)
```

Monochromatic Color

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

#2ed5ff
```
#2ed5ff rgb(46,213,255)
```
#2ec4ff
```
#2ec4ff rgb(46,196,255)
```
#2eb2ff
```
#2eb2ff rgb(46,178,255)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#2e90ff
```
#2e90ff rgb(46,144,255)
```
#2e7eff
```
#2e7eff rgb(46,126,255)
```
#2e6dff
```
#2e6dff rgb(46,109,255)
```

Similar Colors

Text with hexadecimal color #2ea1ff

This text has a font color of #2ea1ff.

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

#2ea1ff background color

This paragraph has a background color of #2ea1ff.

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

#2ea1ff border color

This element has a border color of #2ea1ff.

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

CSS codes

.text {color:#2ea1ff;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#000f1a
```
#000f1a rgb(0,15,26)
```
#00192e
```
#00192e rgb(0,25,46)
```
#002442
```
#002442 rgb(0,36,66)
```
#002f55
```
#002f55 rgb(0,47,85)
```
#003a69
```
#003a69 rgb(0,58,105)
```
#00447c
```
#00447c rgb(0,68,124)
```
#004f90
```
#004f90 rgb(0,79,144)
```
#005aa4
```
#005aa4 rgb(0,90,164)
```
#0065b7
```
#0065b7 rgb(0,101,183)
```
#0070cb
```
#0070cb rgb(0,112,203)
```
#007adf
```
#007adf rgb(0,122,223)
```
#0085f2
```
#0085f2 rgb(0,133,242)
```

Shade Color Variation

#078fff
```
#078fff rgb(7,143,255)
```
#1a98ff
```
#1a98ff rgb(26,152,255)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```
#42aaff
```
#42aaff rgb(66,170,255)
```
#55b3ff
```
#55b3ff rgb(85,179,255)
```
#69bbff
```
#69bbff rgb(105,187,255)
```
#7cc4ff
```
#7cc4ff rgb(124,196,255)
```
#90cdff
```
#90cdff rgb(144,205,255)
```
#a4d6ff
```
#a4d6ff rgb(164,214,255)
```
#b7dfff
```
#b7dfff rgb(183,223,255)
```
#cbe8ff
```
#cbe8ff rgb(203,232,255)
```
#dff0ff
```
#dff0ff rgb(223,240,255)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e979f is the less saturated color, while #2ea1ff is the most saturated one.

#8e979f
```
#8e979f rgb(142,151,159)
```
#8698a7
```
#8698a7 rgb(134,152,167)
```
#7e99af
```
#7e99af rgb(126,153,175)
```
#769ab7
```
#769ab7 rgb(118,154,183)
```
#6e9bbf
```
#6e9bbf rgb(110,155,191)
```
#669bc7
```
#669bc7 rgb(102,155,199)
```
#5e9ccf
```
#5e9ccf rgb(94,156,207)
```
#569dd7
```
#569dd7 rgb(86,157,215)
```
#4e9edf
```
#4e9edf rgb(78,158,223)
```
#469fe7
```
#469fe7 rgb(70,159,231)
```
#3e9fef
```
#3e9fef rgb(62,159,239)
```
#36a0f7
```
#36a0f7 rgb(54,160,247)
```
#2ea1ff
```
#2ea1ff rgb(46,161,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#778ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a9ef8 Protanopia 1% of men
#5ca2ff Deuteranopia 1% of men
#00b1bc Tritanopia 0.001% of the population

Trichromacy

#5e9ffb Protanomaly 1% of men, 0.01% of women
#4ba1ff Deuteranomaly 6% of men, 0.4% of women
#10abd4 Tritanomaly 0.01% of the population

#2ea1ff hex color

#2ea1ff Color Information

#2ea1ff Color Conversion

Color Schemes with #2ea1ff

Alternatives to #2ea1ff

#2ea1ff Preview

Shades and Tints of #2ea1ff

Tones of #2ea1ff

Color Blindness Simulator