#2e9edc hex color

In a RGB color space, hex #2e9edc is composed of 18% red, 62% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 28.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 201.4 degrees, a saturation of 71.3% and a lightness of 52.2%. #2e9edc color hex could be obtained by blending #5cffff with #003db9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 62
- B 86
RGB color chart
- C 79
- M 28
- Y 0
- K 14
CMYK color chart

● #2e9edc color description : Bright blue.

The hexadecimal color #2e9edc has RGB values of R:46, G:158, B:220 and CMYK values of C:0.79, M:0.28, Y:0, K:0.14. Its decimal value is 3055324.

Hex triplet	2e9edc	`#2e9edc`
RGB Decimal	46, 158, 220	`rgb(46,158,220)`
RGB Percent	18, 62, 86.3	`rgb(18%,62%,86.3%)`
CMYK	79, 28, 0, 14
HSL	201.4°, 71.3, 52.2	`hsl(201.4,71.3%,52.2%)`
HSV (or HSB)	201.4°, 79.1, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.826, -9.768, -40.181
XYZ	26.269, 30.2, 72.151
xyY	0.204, 0.235, 30.2
CIE-LCH	61.826, 41.352, 256.336
CIE-LUV	61.826, -37.622, -62.422
Hunter-Lab	54.954, -10.845, -39.376
Binary	00101110, 10011110, 11011100

#2e9edc
```
#2e9edc rgb(46,158,220)
```
#dc6c2e
```
#dc6c2e rgb(220,108,46)
```

Complementary Color

#2edcc3
```
#2edcc3 rgb(46,220,195)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#2e47dc
```
#2e47dc rgb(46,71,220)
```

Analogous Color

#dcc32e
```
#dcc32e rgb(220,195,46)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#dc2e47
```
#dc2e47 rgb(220,46,71)
```

Split Complementary Color

#9edc2e
```
#9edc2e rgb(158,220,46)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#dc2e9e
```
#dc2e9e rgb(220,46,158)
```

Triadic Color

#2edc6c
```
#2edc6c rgb(46,220,108)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#dc2e9e
```
#dc2e9e rgb(220,46,158)
```
#dc6c2e
```
#dc6c2e rgb(220,108,46)
```

Tetradic Color

#1b72a2
```
#1b72a2 rgb(27,114,162)
```
#1f82b8
```
#1f82b8 rgb(31,130,184)
```
#2291ce
```
#2291ce rgb(34,145,206)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#44a8e0
```
#44a8e0 rgb(68,168,224)
```
#5ab2e3
```
#5ab2e3 rgb(90,178,227)
```
#70bce7
```
#70bce7 rgb(112,188,231)
```

Monochromatic Color

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

#2ecadc
```
#2ecadc rgb(46,202,220)
```
#2ebbdc
```
#2ebbdc rgb(46,187,220)
```
#2eaddc
```
#2eaddc rgb(46,173,220)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#2e90dc
```
#2e90dc rgb(46,144,220)
```
#2e81dc
```
#2e81dc rgb(46,129,220)
```
#2e73dc
```
#2e73dc rgb(46,115,220)
```

Similar Colors

Text with hexadecimal color #2e9edc

This text has a font color of #2e9edc.

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

#2e9edc background color

This paragraph has a background color of #2e9edc.

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

#2e9edc border color

This element has a border color of #2e9edc.

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

CSS codes

.text {color:#2e9edc;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#04121a
```
#04121a rgb(4,18,26)
```
#071e2b
```
#071e2b rgb(7,30,43)
```
#0a2a3c
```
#0a2a3c rgb(10,42,60)
```
#0d364d
```
#0d364d rgb(13,54,77)
```
#10425d
```
#10425d rgb(16,66,93)
```
#124e6e
```
#124e6e rgb(18,78,110)
```
#15597f
```
#15597f rgb(21,89,127)
```
#186590
```
#186590 rgb(24,101,144)
```
#1b71a1
```
#1b71a1 rgb(27,113,161)
```
#1e7db1
```
#1e7db1 rgb(30,125,177)
```
#2189c2
```
#2189c2 rgb(33,137,194)
```
#2394d3
```
#2394d3 rgb(35,148,211)
```

Shade Color Variation

#2e9edc
```
#2e9edc rgb(46,158,220)
```
#3fa6df
```
#3fa6df rgb(63,166,223)
```
#50aee2
```
#50aee2 rgb(80,174,226)
```
#60b5e4
```
#60b5e4 rgb(96,181,228)
```
#71bde7
```
#71bde7 rgb(113,189,231)
```
#82c5ea
```
#82c5ea rgb(130,197,234)
```
#93cded
```
#93cded rgb(147,205,237)
```
#a4d5f0
```
#a4d5f0 rgb(164,213,240)
```
#b4dcf3
```
#b4dcf3 rgb(180,220,243)
```
#c5e4f5
```
#c5e4f5 rgb(197,228,245)
```
#d6ecf8
```
#d6ecf8 rgb(214,236,248)
```
#e7f4fb
```
#e7f4fb rgb(231,244,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#828688
```
#828688 rgb(130,134,136)
```
#798891
```
#798891 rgb(121,136,145)
```
#708b9a
```
#708b9a rgb(112,139,154)
```
#668ea4
```
#668ea4 rgb(102,142,164)
```
#5d91ad
```
#5d91ad rgb(93,145,173)
```
#5493b6
```
#5493b6 rgb(84,147,182)
```
#4a96c0
```
#4a96c0 rgb(74,150,192)
```
#4199c9
```
#4199c9 rgb(65,153,201)
```
#379bd3
```
#379bd3 rgb(55,155,211)
```
#2e9edc
```
#2e9edc rgb(46,158,220)
```
#25a1e5
```
#25a1e5 rgb(37,161,229)
```
#1ba3ef
```
#1ba3ef rgb(27,163,239)
```
#12a6f8
```
#12a6f8 rgb(18,166,248)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8598d6 Protanopia 1% of men
#769ae1 Deuteranopia 1% of men
#00a9b5 Tritanopia 0.001% of the population

Trichromacy

#659ad8 Protanomaly 1% of men, 0.01% of women
#5c9bdf Deuteranomaly 6% of men, 0.4% of women
#10a5c3 Tritanomaly 0.01% of the population

#2e9edc hex color

#2e9edc Color Information

#2e9edc Color Conversion

Color Schemes with #2e9edc

Alternatives to #2e9edc

#2e9edc Preview

Shades and Tints of #2e9edc

Tones of #2e9edc

Color Blindness Simulator