#2eb4f9 hex color

In a RGB color space, hex #2eb4f9 is composed of 18% red, 70.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 27.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 200.4 degrees, a saturation of 94.4% and a lightness of 57.8%. #2eb4f9 color hex could be obtained by blending #5cffff with #0069f3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 71
- B 98
RGB color chart
- C 82
- M 28
- Y 0
- K 2
CMYK color chart

● #2eb4f9 color description : Bright blue.

The hexadecimal color #2eb4f9 has RGB values of R:46, G:180, B:249 and CMYK values of C:0.82, M:0.28, Y:0, K:0.02. Its decimal value is 3060985.

Hex triplet	2eb4f9	`#2eb4f9`
RGB Decimal	46, 180, 249	`rgb(46,180,249)`
RGB Percent	18, 70.6, 97.6	`rgb(18%,70.6%,97.6%)`
CMYK	82, 28, 0, 2
HSL	200.4°, 94.4, 57.8	`hsl(200.4,94.4%,57.8%)`
HSV (or HSB)	200.4°, 81.5, 97.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.512, -11.772, -44.03
XYZ	34.543, 40.06, 95.529
xyY	0.203, 0.235, 40.06
CIE-LCH	69.512, 45.577, 255.031
CIE-LUV	69.512, -43.362, -69.86
Hunter-Lab	63.293, -13.345, -45.183
Binary	00101110, 10110100, 11111001

#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#f9732e
```
#f9732e rgb(249,115,46)
```

Complementary Color

#2ef9d9
```
#2ef9d9 rgb(46,249,217)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#2e4ff9
```
#2e4ff9 rgb(46,79,249)
```

Analogous Color

#f9d92e
```
#f9d92e rgb(249,217,46)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#f92e4f
```
#f92e4f rgb(249,46,79)
```

Split Complementary Color

#b4f92e
```
#b4f92e rgb(180,249,46)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#f92eb4
```
#f92eb4 rgb(249,46,180)
```

Triadic Color

#2ef973
```
#2ef973 rgb(46,249,115)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#f92eb4
```
#f92eb4 rgb(249,46,180)
```
#f9732e
```
#f9732e rgb(249,115,46)
```

Tetradic Color

#068ed4
```
#068ed4 rgb(6,142,212)
```
#079fed
```
#079fed rgb(7,159,237)
```
#15abf8
```
#15abf8 rgb(21,171,248)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#47bdfa
```
#47bdfa rgb(71,189,250)
```
#60c6fa
```
#60c6fa rgb(96,198,250)
```
#78cffb
```
#78cffb rgb(120,207,251)
```

Monochromatic Color

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

#2ee7f9
```
#2ee7f9 rgb(46,231,249)
```
#2ed6f9
```
#2ed6f9 rgb(46,214,249)
```
#2ec5f9
```
#2ec5f9 rgb(46,197,249)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#2ea3f9
```
#2ea3f9 rgb(46,163,249)
```
#2e92f9
```
#2e92f9 rgb(46,146,249)
```
#2e81f9
```
#2e81f9 rgb(46,129,249)
```

Similar Colors

Text with hexadecimal color #2eb4f9

This text has a font color of #2eb4f9.

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

#2eb4f9 background color

This paragraph has a background color of #2eb4f9.

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

#2eb4f9 border color

This element has a border color of #2eb4f9.

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

CSS codes

.text {color:#2eb4f9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010d14
```
#010d14 rgb(1,13,20)
```
#011a27
```
#011a27 rgb(1,26,39)
```
#02273a
```
#02273a rgb(2,39,58)
```
#02344d
```
#02344d rgb(2,52,77)
```
#034060
```
#034060 rgb(3,64,96)
```
#034d73
```
#034d73 rgb(3,77,115)
```
#045a86
```
#045a86 rgb(4,90,134)
```
#046799
```
#046799 rgb(4,103,153)
```
#0573ac
```
#0573ac rgb(5,115,172)
```
#0580bf
```
#0580bf rgb(5,128,191)
```
#068dd2
```
#068dd2 rgb(6,141,210)
```
#079ae6
```
#079ae6 rgb(7,154,230)
```

Shade Color Variation

#08a6f8
```
#08a6f8 rgb(8,166,248)
```
#1badf8
```
#1badf8 rgb(27,173,248)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```
#41bbfa
```
#41bbfa rgb(65,187,250)
```
#54c2fa
```
#54c2fa rgb(84,194,250)
```
#67c9fb
```
#67c9fb rgb(103,201,251)
```
#7acffb
```
#7acffb rgb(122,207,251)
```
#8dd6fc
```
#8dd6fc rgb(141,214,252)
```
#a0ddfc
```
#a0ddfc rgb(160,221,252)
```
#b3e4fd
```
#b3e4fd rgb(179,228,253)
```
#c7ebfd
```
#c7ebfd rgb(199,235,253)
```
#daf2fe
```
#daf2fe rgb(218,242,254)
```
#edf8fe
```
#edf8fe rgb(237,248,254)
```

Tint Color Variation

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

#919496
```
#919496 rgb(145,148,150)
```
#89979e
```
#89979e rgb(137,151,158)
```
#819aa6
```
#819aa6 rgb(129,154,166)
```
#789caf
```
#789caf rgb(120,156,175)
```
#709fb7
```
#709fb7 rgb(112,159,183)
```
#68a1bf
```
#68a1bf rgb(104,161,191)
```
#60a4c7
```
#60a4c7 rgb(96,164,199)
```
#57a7d0
```
#57a7d0 rgb(87,167,208)
```
#4fa9d8
```
#4fa9d8 rgb(79,169,216)
```
#47ace0
```
#47ace0 rgb(71,172,224)
```
#3fafe8
```
#3fafe8 rgb(63,175,232)
```
#36b1f1
```
#36b1f1 rgb(54,177,241)
```
#2eb4f9
```
#2eb4f9 rgb(46,180,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809aa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96abf0 Protanopia 1% of men
#85adfd Deuteranopia 1% of men
#00bfcc Tritanopia 0.001% of the population

Trichromacy

#70aef3 Protanomaly 1% of men, 0.01% of women
#65affb Deuteranomaly 6% of men, 0.4% of women
#10bbdc Tritanomaly 0.01% of the population

#2eb4f9 hex color

#2eb4f9 Color Information

#2eb4f9 Color Conversion

Color Schemes with #2eb4f9

Alternatives to #2eb4f9

#2eb4f9 Preview

Shades and Tints of #2eb4f9

Tones of #2eb4f9

Color Blindness Simulator