#2eb5f2 hex color

In a RGB color space, hex #2eb5f2 is composed of 18% red, 71% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 25.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.7 degrees, a saturation of 88.3% and a lightness of 56.5%. #2eb5f2 color hex could be obtained by blending #5cffff with #006be5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 71
- B 95
RGB color chart
- C 81
- M 25
- Y 0
- K 5
CMYK color chart

● #2eb5f2 color description : Bright blue.

The hexadecimal color #2eb5f2 has RGB values of R:46, G:181, B:242 and CMYK values of C:0.81, M:0.25, Y:0, K:0.05. Its decimal value is 3061234.

Hex triplet	2eb5f2	`#2eb5f2`
RGB Decimal	46, 181, 242	`rgb(46,181,242)`
RGB Percent	18, 71, 94.9	`rgb(18%,71%,94.9%)`
CMYK	81, 25, 0, 5
HSL	198.7°, 88.3, 56.5	`hsl(198.7,88.3%,56.5%)`
HSV (or HSB)	198.7°, 81, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.495, -14.718, -40.258
XYZ	33.673, 40.036, 89.953
xyY	0.206, 0.245, 40.036
CIE-LCH	69.495, 42.864, 249.918
CIE-LUV	69.495, -44.137, -63.04
Hunter-Lab	63.274, -15.735, -39.996
Binary	00101110, 10110101, 11110010

#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#f26b2e
```
#f26b2e rgb(242,107,46)
```

Complementary Color

#2ef2cd
```
#2ef2cd rgb(46,242,205)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#2e53f2
```
#2e53f2 rgb(46,83,242)
```

Analogous Color

#f2cd2e
```
#f2cd2e rgb(242,205,46)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#f22e53
```
#f22e53 rgb(242,46,83)
```

Split Complementary Color

#b5f22e
```
#b5f22e rgb(181,242,46)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#f22eb5
```
#f22eb5 rgb(242,46,181)
```

Triadic Color

#2ef26b
```
#2ef26b rgb(46,242,107)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#f22eb5
```
#f22eb5 rgb(242,46,181)
```
#f26b2e
```
#f26b2e rgb(242,107,46)
```

Tetradic Color

#0c8dc7
```
#0c8dc7 rgb(12,141,199)
```
#0e9edf
```
#0e9edf rgb(14,158,223)
```
#16adf1
```
#16adf1 rgb(22,173,241)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#46bef3
```
#46bef3 rgb(70,190,243)
```
#5ec6f5
```
#5ec6f5 rgb(94,198,245)
```
#76cff6
```
#76cff6 rgb(118,207,246)
```

Monochromatic Color

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

#2ee6f2
```
#2ee6f2 rgb(46,230,242)
```
#2ed6f2
```
#2ed6f2 rgb(46,214,242)
```
#2ec5f2
```
#2ec5f2 rgb(46,197,242)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#2ea5f2
```
#2ea5f2 rgb(46,165,242)
```
#2e94f2
```
#2e94f2 rgb(46,148,242)
```
#2e84f2
```
#2e84f2 rgb(46,132,242)
```

Similar Colors

Text with hexadecimal color #2eb5f2

This text has a font color of #2eb5f2.

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

#2eb5f2 background color

This paragraph has a background color of #2eb5f2.

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

#2eb5f2 border color

This element has a border color of #2eb5f2.

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

CSS codes

.text {color:#2eb5f2;}

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

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

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, #01090d is the darkest color, while #f9fdff is the lightest one.

#01090d
```
#01090d rgb(1,9,13)
```
#02161f
```
#02161f rgb(2,22,31)
```
#032332
```
#032332 rgb(3,35,50)
```
#043044
```
#043044 rgb(4,48,68)
```
#053d56
```
#053d56 rgb(5,61,86)
```
#074a69
```
#074a69 rgb(7,74,105)
```
#08577b
```
#08577b rgb(8,87,123)
```
#09648e
```
#09648e rgb(9,100,142)
```
#0a72a0
```
#0a72a0 rgb(10,114,160)
```
#0b7fb3
```
#0b7fb3 rgb(11,127,179)
```
#0c8cc5
```
#0c8cc5 rgb(12,140,197)
```
#0d99d8
```
#0d99d8 rgb(13,153,216)
```
#0fa6ea
```
#0fa6ea rgb(15,166,234)
```

Shade Color Variation

#1caef1
```
#1caef1 rgb(28,174,241)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#40bcf3
```
#40bcf3 rgb(64,188,243)
```
#53c2f4
```
#53c2f4 rgb(83,194,244)
```
#65c9f5
```
#65c9f5 rgb(101,201,245)
```
#78cff7
```
#78cff7 rgb(120,207,247)
```
#8ad6f8
```
#8ad6f8 rgb(138,214,248)
```
#9ddcf9
```
#9ddcf9 rgb(157,220,249)
```
#afe3fa
```
#afe3fa rgb(175,227,250)
```
#c2e9fb
```
#c2e9fb rgb(194,233,251)
```
#d4f0fc
```
#d4f0fc rgb(212,240,252)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#8c9294
```
#8c9294 rgb(140,146,148)
```
#83959d
```
#83959d rgb(131,149,157)
```
#7b98a5
```
#7b98a5 rgb(123,152,165)
```
#729bae
```
#729bae rgb(114,155,174)
```
#6a9eb6
```
#6a9eb6 rgb(106,158,182)
```
#61a2bf
```
#61a2bf rgb(97,162,191)
```
#59a5c7
```
#59a5c7 rgb(89,165,199)
```
#50a8d0
```
#50a8d0 rgb(80,168,208)
```
#48abd8
```
#48abd8 rgb(72,171,216)
```
#3fafe1
```
#3fafe1 rgb(63,175,225)
```
#37b2e9
```
#37b2e9 rgb(55,178,233)
```
#2eb5f2
```
#2eb5f2 rgb(46,181,242)
```
#25b8fb
```
#25b8fb rgb(37,184,251)
```

Tone Color Variation

Below, you can see how #2eb5f2 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
#809ba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aace9 Protanopia 1% of men
#8cadf7 Deuteranopia 1% of men
#00bfcc Tritanopia 0.001% of the population

Trichromacy

#73afec Protanomaly 1% of men, 0.01% of women
#69b0f5 Deuteranomaly 6% of men, 0.4% of women
#10bbda Tritanomaly 0.01% of the population

#2eb5f2 hex color

#2eb5f2 Color Information

#2eb5f2 Color Conversion

Color Schemes with #2eb5f2

Alternatives to #2eb5f2

#2eb5f2 Preview

Shades and Tints of #2eb5f2

Tones of #2eb5f2

Color Blindness Simulator