#2e7dec hex color

In a RGB color space, hex #2e7dec is composed of 18% red, 49% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 47% magenta, 0% yellow and 7.5% black. It has a hue angle of 215.1 degrees, a saturation of 83.3% and a lightness of 55.3%. #2e7dec color hex could be obtained by blending #5cfaff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 49
- B 93
RGB color chart
- C 81
- M 47
- Y 0
- K 7
CMYK color chart

● #2e7dec color description : Bright blue.

The hexadecimal color #2e7dec has RGB values of R:46, G:125, B:236 and CMYK values of C:0.81, M:0.47, Y:0, K:0.07. Its decimal value is 3046892.

Hex triplet	2e7dec	`#2e7dec`
RGB Decimal	46, 125, 236	`rgb(46,125,236)`
RGB Percent	18, 49, 92.5	`rgb(18%,49%,92.5%)`
CMYK	81, 47, 0, 7
HSL	215.1°, 83.3, 55.3	`hsl(215.1,83.3%,55.3%)`
HSV (or HSB)	215.1°, 80.5, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.279, 15.636, -62.679
XYZ	23.597, 21.302, 82.22
xyY	0.186, 0.168, 21.302
CIE-LCH	53.279, 64.6, 284.008
CIE-LUV	53.279, -26.183, -99.234
Hunter-Lab	46.154, 10.491, -73.312
Binary	00101110, 01111101, 11101100

#2e7dec
```
#2e7dec rgb(46,125,236)
```
#ec9d2e
```
#ec9d2e rgb(236,157,46)
```

Complementary Color

#2edcec
```
#2edcec rgb(46,220,236)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#3e2eec
```
#3e2eec rgb(62,46,236)
```

Analogous Color

#dcec2e
```
#dcec2e rgb(220,236,46)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#ec3e2e
```
#ec3e2e rgb(236,62,46)
```

Split Complementary Color

#7dec2e
```
#7dec2e rgb(125,236,46)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#ec2e7d
```
#ec2e7d rgb(236,46,125)
```

Triadic Color

#2eec9d
```
#2eec9d rgb(46,236,157)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#ec2e7d
```
#ec2e7d rgb(236,46,125)
```
#ec9d2e
```
#ec9d2e rgb(236,157,46)
```

Tetradic Color

#1158bc
```
#1158bc rgb(17,88,188)
```
#1363d4
```
#1363d4 rgb(19,99,212)
```
#176eea
```
#176eea rgb(23,110,234)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#458cee
```
#458cee rgb(69,140,238)
```
#5d9af0
```
#5d9af0 rgb(93,154,240)
```
#74a9f2
```
#74a9f2 rgb(116,169,242)
```

Monochromatic Color

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

#2eadec
```
#2eadec rgb(46,173,236)
```
#2e9dec
```
#2e9dec rgb(46,157,236)
```
#2e8dec
```
#2e8dec rgb(46,141,236)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#2e6dec
```
#2e6dec rgb(46,109,236)
```
#2e5dec
```
#2e5dec rgb(46,93,236)
```
#2e4eec
```
#2e4eec rgb(46,78,236)
```

Similar Colors

Text with hexadecimal color #2e7dec

This text has a font color of #2e7dec.

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

#2e7dec background color

This paragraph has a background color of #2e7dec.

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

#2e7dec border color

This element has a border color of #2e7dec.

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

CSS codes

.text {color:#2e7dec;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020c19
```
#020c19 rgb(2,12,25)
```
#04142b
```
#04142b rgb(4,20,43)
```
#061c3d
```
#061c3d rgb(6,28,61)
```
#07254f
```
#07254f rgb(7,37,79)
```
#092d61
```
#092d61 rgb(9,45,97)
```
#0a3673
```
#0a3673 rgb(10,54,115)
```
#0c3e85
```
#0c3e85 rgb(12,62,133)
```
#0e4797
```
#0e4797 rgb(14,71,151)
```
#0f4fa9
```
#0f4fa9 rgb(15,79,169)
```
#1157bb
```
#1157bb rgb(17,87,187)
```
#1360cd
```
#1360cd rgb(19,96,205)
```
#1468df
```
#1468df rgb(20,104,223)
```

Shade Color Variation

#1c72ea
```
#1c72ea rgb(28,114,234)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#4088ee
```
#4088ee rgb(64,136,238)
```
#5293ef
```
#5293ef rgb(82,147,239)
```
#649ff1
```
#649ff1 rgb(100,159,241)
```
#76aaf3
```
#76aaf3 rgb(118,170,243)
```
#88b5f4
```
#88b5f4 rgb(136,181,244)
```
#9ac0f6
```
#9ac0f6 rgb(154,192,246)
```
#accbf7
```
#accbf7 rgb(172,203,247)
```
#bed6f9
```
#bed6f9 rgb(190,214,249)
```
#d0e2fb
```
#d0e2fb rgb(208,226,251)
```
#e2edfc
```
#e2edfc rgb(226,237,252)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868c94 is the less saturated color, while #1c7afe is the most saturated one.

#868c94
```
#868c94 rgb(134,140,148)
```
#7d8a9d
```
#7d8a9d rgb(125,138,157)
```
#7489a6
```
#7489a6 rgb(116,137,166)
```
#6b87af
```
#6b87af rgb(107,135,175)
```
#6386b7
```
#6386b7 rgb(99,134,183)
```
#5a84c0
```
#5a84c0 rgb(90,132,192)
```
#5183c9
```
#5183c9 rgb(81,131,201)
```
#4881d2
```
#4881d2 rgb(72,129,210)
```
#4080da
```
#4080da rgb(64,128,218)
```
#377ee3
```
#377ee3 rgb(55,126,227)
```
#2e7dec
```
#2e7dec rgb(46,125,236)
```
#257cf5
```
#257cf5 rgb(37,124,245)
```
#1c7afe
```
#1c7afe rgb(28,122,254)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4782eb Protanopia 1% of men
#0088e1 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#3e80eb Protanomaly 1% of men, 0.01% of women
#1084e5 Deuteranomaly 6% of men, 0.4% of women
#108bb9 Tritanomaly 0.01% of the population

#2e7dec hex color

#2e7dec Color Information

#2e7dec Color Conversion

Color Schemes with #2e7dec

Alternatives to #2e7dec

#2e7dec Preview

Shades and Tints of #2e7dec

Tones of #2e7dec

Color Blindness Simulator