colorhexa.com

#2e6cd0 hex color

In a RGB color space, hex #2e6cd0 is composed of 18% red, 42.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 48.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 217 degrees, a saturation of 63.8% and a lightness of 49.8%. #2e6cd0 color hex could be obtained by blending #5cd8ff with #0000a1. Closest websafe color is: #3366cc.

- R 18
- G 42
- B 82
RGB color chart
- C 78
- M 48
- Y 0
- K 18
CMYK color chart

● #2e6cd0 color description : Strong blue.

The hexadecimal color #2e6cd0 has RGB values of R:46, G:108, B:208 and CMYK values of C:0.78, M:0.48, Y:0, K:0.18. Its decimal value is 3042512.

Hex triplet	2e6cd0	`#2e6cd0`
RGB Decimal	46, 108, 208	`rgb(46,108,208)`
RGB Percent	18, 42.4, 81.6	`rgb(18%,42.4%,81.6%)`
CMYK	78, 48, 0, 18
HSL	217°, 63.8, 49.8	`hsl(217,63.8%,49.8%)`
HSV (or HSB)	217°, 77.9, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.788, 15.809, -57.327
XYZ	17.872, 15.859, 61.79
xyY	0.187, 0.166, 15.859
CIE-LCH	46.788, 59.467, 285.417
CIE-LUV	46.788, -21.764, -88.063
Hunter-Lab	39.823, 10.418, -64.12
Binary	00101110, 01101100, 11010000

#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#d0922e
```
#d0922e rgb(208,146,46)
```

Complementary Color

#2ebdd0
```
#2ebdd0 rgb(46,189,208)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#412ed0
```
#412ed0 rgb(65,46,208)
```

Analogous Color

#bdd02e
```
#bdd02e rgb(189,208,46)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#d0412e
```
#d0412e rgb(208,65,46)
```

Split Complementary Color

#6cd02e
```
#6cd02e rgb(108,208,46)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#d02e6c
```
#d02e6c rgb(208,46,108)
```

Triadic Color

#2ed092
```
#2ed092 rgb(46,208,146)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#d02e6c
```
#d02e6c rgb(208,46,108)
```
#d0922e
```
#d0922e rgb(208,146,46)
```

Tetradic Color

#204b91
```
#204b91 rgb(32,75,145)
```
#2556a6
```
#2556a6 rgb(37,86,166)
```
#2961bb
```
#2961bb rgb(41,97,187)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#427bd5
```
#427bd5 rgb(66,123,213)
```
#5789da
```
#5789da rgb(87,137,218)
```
#6c98de
```
#6c98de rgb(108,152,222)
```

Monochromatic Color

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

#2e95d0
```
#2e95d0 rgb(46,149,208)
```
#2e87d0
```
#2e87d0 rgb(46,135,208)
```
#2e7ad0
```
#2e7ad0 rgb(46,122,208)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#2e5fd0
```
#2e5fd0 rgb(46,95,208)
```
#2e51d0
```
#2e51d0 rgb(46,81,208)
```
#2e44d0
```
#2e44d0 rgb(46,68,208)
```

Similar Colors

Text with hexadecimal color #2e6cd0

This text has a font color of #2e6cd0.

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

#2e6cd0 background color

This paragraph has a background color of #2e6cd0.

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

#2e6cd0 border color

This element has a border color of #2e6cd0.

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

CSS codes

.text {color:#2e6cd0;}

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

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

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, #03080f is the darkest color, while #fefeff is the lightest one.

#03080f
```
#03080f rgb(3,8,15)
```
#07101f
```
#07101f rgb(7,16,31)
```
#0a192f
```
#0a192f rgb(10,25,47)
```
#0e213f
```
#0e213f rgb(14,33,63)
```
#12294f
```
#12294f rgb(18,41,79)
```
#153260
```
#153260 rgb(21,50,96)
```
#193a70
```
#193a70 rgb(25,58,112)
```
#1c4280
```
#1c4280 rgb(28,66,128)
```
#204b90
```
#204b90 rgb(32,75,144)
```
#2353a0
```
#2353a0 rgb(35,83,160)
```
#275bb0
```
#275bb0 rgb(39,91,176)
```
#2a64c0
```
#2a64c0 rgb(42,100,192)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```

Shade Color Variation

#3d77d4
```
#3d77d4 rgb(61,119,212)
```
#4d82d8
```
#4d82d8 rgb(77,130,216)
```
#5e8edb
```
#5e8edb rgb(94,142,219)
```
#6e99df
```
#6e99df rgb(110,153,223)
```
#7ea4e2
```
#7ea4e2 rgb(126,164,226)
```
#8eb0e6
```
#8eb0e6 rgb(142,176,230)
```
#9ebbea
```
#9ebbea rgb(158,187,234)
```
#aec6ed
```
#aec6ed rgb(174,198,237)
```
#bed1f1
```
#bed1f1 rgb(190,209,241)
```
#ceddf4
```
#ceddf4 rgb(206,221,244)
```
#dee8f8
```
#dee8f8 rgb(222,232,248)
```
#eef3fb
```
#eef3fb rgb(238,243,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e82 is the less saturated color, while #0763f7 is the most saturated one.

#7c7e82
```
#7c7e82 rgb(124,126,130)
```
#727c8c
```
#727c8c rgb(114,124,140)
```
#697a95
```
#697a95 rgb(105,122,149)
```
#5f779f
```
#5f779f rgb(95,119,159)
```
#5575a9
```
#5575a9 rgb(85,117,169)
```
#4b73b3
```
#4b73b3 rgb(75,115,179)
```
#4271bc
```
#4271bc rgb(66,113,188)
```
#386ec6
```
#386ec6 rgb(56,110,198)
```
#2e6cd0
```
#2e6cd0 rgb(46,108,208)
```
#246ada
```
#246ada rgb(36,106,218)
```
#1a67e4
```
#1a67e4 rgb(26,103,228)
```
#1165ed
```
#1165ed rgb(17,101,237)
```
#0763f7
```
#0763f7 rgb(7,99,247)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a667a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d73d2 Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#3770d1 Protanomaly 1% of men, 0.01% of women
#1074ca Deuteranomaly 6% of men, 0.4% of women
#107aa3 Tritanomaly 0.01% of the population