#2e7df2 hex color

In a RGB color space, hex #2e7df2 is composed of 18% red, 49% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 48.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.8 degrees, a saturation of 88.3% and a lightness of 56.5%. #2e7df2 color hex could be obtained by blending #5cfaff with #0000e5. Closest websafe color is: #3366ff.

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

● #2e7df2 color description : Bright blue.

The hexadecimal color #2e7df2 has RGB values of R:46, G:125, B:242 and CMYK values of C:0.81, M:0.48, Y:0, K:0.05. Its decimal value is 3046898.

Hex triplet	2e7df2	`#2e7df2`
RGB Decimal	46, 125, 242	`rgb(46,125,242)`
RGB Percent	18, 49, 94.9	`rgb(18%,49%,94.9%)`
CMYK	81, 48, 0, 5
HSL	215.8°, 88.3, 56.5	`hsl(215.8,88.3%,56.5%)`
HSV (or HSB)	215.8°, 81, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.661, 17.876, -65.404
XYZ	24.484, 21.657, 86.889
xyY	0.184, 0.163, 21.657
CIE-LCH	53.661, 67.803, 285.286
CIE-LUV	53.661, -26.015, -103.81
Hunter-Lab	46.537, 12.472, -78.125
Binary	00101110, 01111101, 11110010

#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#f2a32e
```
#f2a32e rgb(242,163,46)
```

Complementary Color

#2edff2
```
#2edff2 rgb(46,223,242)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#412ef2
```
#412ef2 rgb(65,46,242)
```

Analogous Color

#dff22e
```
#dff22e rgb(223,242,46)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#f2412e
```
#f2412e rgb(242,65,46)
```

Split Complementary Color

#7df22e
```
#7df22e rgb(125,242,46)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#f22e7d
```
#f22e7d rgb(242,46,125)
```

Triadic Color

#2ef2a3
```
#2ef2a3 rgb(46,242,163)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#f22e7d
```
#f22e7d rgb(242,46,125)
```
#f2a32e
```
#f2a32e rgb(242,163,46)
```

Tetradic Color

#0c58c7
```
#0c58c7 rgb(12,88,199)
```
#0e62df
```
#0e62df rgb(14,98,223)
```
#166ef1
```
#166ef1 rgb(22,110,241)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#468cf3
```
#468cf3 rgb(70,140,243)
```
#5e9bf5
```
#5e9bf5 rgb(94,155,245)
```
#76aaf6
```
#76aaf6 rgb(118,170,246)
```

Monochromatic Color

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

#2eaef2
```
#2eaef2 rgb(46,174,242)
```
#2e9ef2
```
#2e9ef2 rgb(46,158,242)
```
#2e8df2
```
#2e8df2 rgb(46,141,242)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#2e6df2
```
#2e6df2 rgb(46,109,242)
```
#2e5cf2
```
#2e5cf2 rgb(46,92,242)
```
#2e4cf2
```
#2e4cf2 rgb(46,76,242)
```

Similar Colors

Text with hexadecimal color #2e7df2

This text has a font color of #2e7df2.

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

#2e7df2 background color

This paragraph has a background color of #2e7df2.

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

#2e7df2 border color

This element has a border color of #2e7df2.

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

CSS codes

.text {color:#2e7df2;}

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

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

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

#01060d
```
#01060d rgb(1,6,13)
```
#020e1f
```
#020e1f rgb(2,14,31)
```
#031632
```
#031632 rgb(3,22,50)
```
#041e44
```
#041e44 rgb(4,30,68)
```
#052656
```
#052656 rgb(5,38,86)
```
#072e69
```
#072e69 rgb(7,46,105)
```
#08367b
```
#08367b rgb(8,54,123)
```
#093e8e
```
#093e8e rgb(9,62,142)
```
#0a47a0
```
#0a47a0 rgb(10,71,160)
```
#0b4fb3
```
#0b4fb3 rgb(11,79,179)
```
#0c57c5
```
#0c57c5 rgb(12,87,197)
```
#0d5fd8
```
#0d5fd8 rgb(13,95,216)
```
#0f67ea
```
#0f67ea rgb(15,103,234)
```

Shade Color Variation

#1c72f1
```
#1c72f1 rgb(28,114,241)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#4088f3
```
#4088f3 rgb(64,136,243)
```
#5394f4
```
#5394f4 rgb(83,148,244)
```
#659ff5
```
#659ff5 rgb(101,159,245)
```
#78abf7
```
#78abf7 rgb(120,171,247)
```
#8ab6f8
```
#8ab6f8 rgb(138,182,248)
```
#9dc2f9
```
#9dc2f9 rgb(157,194,249)
```
#afcdfa
```
#afcdfa rgb(175,205,250)
```
#c2d9fb
```
#c2d9fb rgb(194,217,251)
```
#d4e4fc
```
#d4e4fc rgb(212,228,252)
```
#e7f0fd
```
#e7f0fd rgb(231,240,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#8c8f94
```
#8c8f94 rgb(140,143,148)
```
#838e9d
```
#838e9d rgb(131,142,157)
```
#7b8ca5
```
#7b8ca5 rgb(123,140,165)
```
#728aae
```
#728aae rgb(114,138,174)
```
#6a89b6
```
#6a89b6 rgb(106,137,182)
```
#6187bf
```
#6187bf rgb(97,135,191)
```
#5985c7
```
#5985c7 rgb(89,133,199)
```
#5084d0
```
#5084d0 rgb(80,132,208)
```
#4882d8
```
#4882d8 rgb(72,130,216)
```
#3f80e1
```
#3f80e1 rgb(63,128,225)
```
#377fe9
```
#377fe9 rgb(55,127,233)
```
#2e7df2
```
#2e7df2 rgb(46,125,242)
```
#257bfb
```
#257bfb rgb(37,123,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#65758c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4083f2 Protanopia 1% of men
#0089e2 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#3980f2 Protanomaly 1% of men, 0.01% of women
#1084e8 Deuteranomaly 6% of men, 0.4% of women
#108bbb Tritanomaly 0.01% of the population

#2e7df2 hex color

#2e7df2 Color Information

#2e7df2 Color Conversion

Color Schemes with #2e7df2

Alternatives to #2e7df2

#2e7df2 Preview

Shades and Tints of #2e7df2

Tones of #2e7df2

Color Blindness Simulator