#2eaff4 hex color

In a RGB color space, hex #2eaff4 is composed of 18% red, 68.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 28.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 200.9 degrees, a saturation of 90% and a lightness of 56.9%. #2eaff4 color hex could be obtained by blending #5cffff with #005fe9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 69
- B 96
RGB color chart
- C 81
- M 28
- Y 0
- K 4
CMYK color chart

● #2eaff4 color description : Bright blue.

The hexadecimal color #2eaff4 has RGB values of R:46, G:175, B:244 and CMYK values of C:0.81, M:0.28, Y:0, K:0.04. Its decimal value is 3059700.

Hex triplet	2eaff4	`#2eaff4`
RGB Decimal	46, 175, 244	`rgb(46,175,244)`
RGB Percent	18, 68.6, 95.7	`rgb(18%,68.6%,95.7%)`
CMYK	81, 28, 0, 4
HSL	200.9°, 90, 56.9	`hsl(200.9,90%,56.9%)`
HSV (or HSB)	200.9°, 81.1, 95.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.85, -10.779, -43.92
XYZ	32.782, 37.769, 91.145
xyY	0.203, 0.234, 37.769
CIE-LCH	67.85, 45.224, 256.211
CIE-LUV	67.85, -41.982, -69.553
Hunter-Lab	61.457, -12.336, -44.912
Binary	00101110, 10101111, 11110100

#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#f4732e
```
#f4732e rgb(244,115,46)
```

Complementary Color

#2ef4d6
```
#2ef4d6 rgb(46,244,214)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#2e4cf4
```
#2e4cf4 rgb(46,76,244)
```

Analogous Color

#f4d62e
```
#f4d62e rgb(244,214,46)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#f42e4c
```
#f42e4c rgb(244,46,76)
```

Split Complementary Color

#aff42e
```
#aff42e rgb(175,244,46)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#f42eaf
```
#f42eaf rgb(244,46,175)
```

Triadic Color

#2ef473
```
#2ef473 rgb(46,244,115)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#f42eaf
```
#f42eaf rgb(244,46,175)
```
#f4732e
```
#f4732e rgb(244,115,46)
```

Tetradic Color

#0b88cb
```
#0b88cb rgb(11,136,203)
```
#0c98e3
```
#0c98e3 rgb(12,152,227)
```
#16a6f3
```
#16a6f3 rgb(22,166,243)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#46b8f5
```
#46b8f5 rgb(70,184,245)
```
#5ec2f7
```
#5ec2f7 rgb(94,194,247)
```
#77cbf8
```
#77cbf8 rgb(119,203,248)
```

Monochromatic Color

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

#2ee1f4
```
#2ee1f4 rgb(46,225,244)
```
#2ed0f4
```
#2ed0f4 rgb(46,208,244)
```
#2ec0f4
```
#2ec0f4 rgb(46,192,244)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#2e9ff4
```
#2e9ff4 rgb(46,159,244)
```
#2e8ef4
```
#2e8ef4 rgb(46,142,244)
```
#2e7ef4
```
#2e7ef4 rgb(46,126,244)
```

Similar Colors

Text with hexadecimal color #2eaff4

This text has a font color of #2eaff4.

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

#2eaff4 background color

This paragraph has a background color of #2eaff4.

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

#2eaff4 border color

This element has a border color of #2eaff4.

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

CSS codes

.text {color:#2eaff4;}

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

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

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, #010a0f is the darkest color, while #fbfdff is the lightest one.

#010a0f
```
#010a0f rgb(1,10,15)
```
#021621
```
#021621 rgb(2,22,33)
```
#032334
```
#032334 rgb(3,35,52)
```
#042f47
```
#042f47 rgb(4,47,71)
```
#053c59
```
#053c59 rgb(5,60,89)
```
#06486c
```
#06486c rgb(6,72,108)
```
#07557e
```
#07557e rgb(7,85,126)
```
#086191
```
#086191 rgb(8,97,145)
```
#096ea4
```
#096ea4 rgb(9,110,164)
```
#0a7ab6
```
#0a7ab6 rgb(10,122,182)
```
#0b87c9
```
#0b87c9 rgb(11,135,201)
```
#0c93dc
```
#0c93dc rgb(12,147,220)
```
#0da0ee
```
#0da0ee rgb(13,160,238)
```

Shade Color Variation

#1ba8f3
```
#1ba8f3 rgb(27,168,243)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#41b6f5
```
#41b6f5 rgb(65,182,245)
```
#53bdf6
```
#53bdf6 rgb(83,189,246)
```
#66c4f7
```
#66c4f7 rgb(102,196,247)
```
#79ccf8
```
#79ccf8 rgb(121,204,248)
```
#8bd3f9
```
#8bd3f9 rgb(139,211,249)
```
#9edafa
```
#9edafa rgb(158,218,250)
```
#b0e1fb
```
#b0e1fb rgb(176,225,251)
```
#c3e8fc
```
#c3e8fc rgb(195,232,252)
```
#d6effd
```
#d6effd rgb(214,239,253)
```
#e8f6fe
```
#e8f6fe rgb(232,246,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8b9397
```
#8b9397 rgb(139,147,151)
```
#83959f
```
#83959f rgb(131,149,159)
```
#7a98a8
```
#7a98a8 rgb(122,152,168)
```
#729ab0
```
#729ab0 rgb(114,154,176)
```
#699db9
```
#699db9 rgb(105,157,185)
```
#61a0c1
```
#61a0c1 rgb(97,160,193)
```
#58a2ca
```
#58a2ca rgb(88,162,202)
```
#50a5d2
```
#50a5d2 rgb(80,165,210)
```
#47a7db
```
#47a7db rgb(71,167,219)
```
#3faae3
```
#3faae3 rgb(63,170,227)
```
#36acec
```
#36acec rgb(54,172,236)
```
#2eaff4
```
#2eaff4 rgb(46,175,244)
```
#26b2fc
```
#26b2fc rgb(38,178,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c96a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a7ec Protanopia 1% of men
#80a9f8 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6daaef Protanomaly 1% of men, 0.01% of women
#62abf6 Deuteranomaly 6% of men, 0.4% of women
#10b6d7 Tritanomaly 0.01% of the population

#2eaff4 hex color

#2eaff4 Color Information

#2eaff4 Color Conversion

Color Schemes with #2eaff4

Alternatives to #2eaff4

#2eaff4 Preview

Shades and Tints of #2eaff4

Tones of #2eaff4

Color Blindness Simulator