#2e6cb9 hex color

In a RGB color space, hex #2e6cb9 is composed of 18% red, 42.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 41.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 213.2 degrees, a saturation of 60.2% and a lightness of 45.3%. #2e6cb9 color hex could be obtained by blending #5cd8ff with #000073. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 42
- B 73
RGB color chart
- C 75
- M 42
- Y 0
- K 27
CMYK color chart

● #2e6cb9 color description : Strong blue.

The hexadecimal color #2e6cb9 has RGB values of R:46, G:108, B:185 and CMYK values of C:0.75, M:0.42, Y:0, K:0.27. Its decimal value is 3042489.

Hex triplet	2e6cb9	`#2e6cb9`
RGB Decimal	46, 108, 185	`rgb(46,108,185)`
RGB Percent	18, 42.4, 72.5	`rgb(18%,42.4%,72.5%)`
CMYK	75, 42, 0, 27
HSL	213.2°, 60.2, 45.3	`hsl(213.2,60.2%,45.3%)`
HSV (or HSB)	213.2°, 75.1, 72.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.37, 7.136, -46.354
XYZ	15.244, 14.808, 47.951
xyY	0.195, 0.19, 14.808
CIE-LCH	45.37, 46.9, 278.752
CIE-LUV	45.37, -22.344, -70.036
Hunter-Lab	38.481, 3.372, -46.945
Binary	00101110, 01101100, 10111001

#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#b97b2e
```
#b97b2e rgb(185,123,46)
```

Complementary Color

#2eb2b9
```
#2eb2b9 rgb(46,178,185)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#352eb9
```
#352eb9 rgb(53,46,185)
```

Analogous Color

#b2b92e
```
#b2b92e rgb(178,185,46)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#b9352e
```
#b9352e rgb(185,53,46)
```

Split Complementary Color

#6cb92e
```
#6cb92e rgb(108,185,46)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#b92e6c
```
#b92e6c rgb(185,46,108)
```

Triadic Color

#2eb97b
```
#2eb97b rgb(46,185,123)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#b92e6c
```
#b92e6c rgb(185,46,108)
```
#b97b2e
```
#b97b2e rgb(185,123,46)
```

Tetradic Color

#1f487c
```
#1f487c rgb(31,72,124)
```
#245490
```
#245490 rgb(36,84,144)
```
#2960a5
```
#2960a5 rgb(41,96,165)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#3478cd
```
#3478cd rgb(52,120,205)
```
#4886d2
```
#4886d2 rgb(72,134,210)
```
#5d93d7
```
#5d93d7 rgb(93,147,215)
```

Monochromatic Color

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

#2e8fb9
```
#2e8fb9 rgb(46,143,185)
```
#2e83b9
```
#2e83b9 rgb(46,131,185)
```
#2e78b9
```
#2e78b9 rgb(46,120,185)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#2e60b9
```
#2e60b9 rgb(46,96,185)
```
#2e55b9
```
#2e55b9 rgb(46,85,185)
```
#2e49b9
```
#2e49b9 rgb(46,73,185)
```

Similar Colors

Text with hexadecimal color #2e6cb9

This text has a font color of #2e6cb9.

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

#2e6cb9 background color

This paragraph has a background color of #2e6cb9.

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

#2e6cb9 border color

This element has a border color of #2e6cb9.

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

CSS codes

.text {color:#2e6cb9;}

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

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

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, #03070c is the darkest color, while #fbfdfe is the lightest one.

#03070c
```
#03070c rgb(3,7,12)
```
#07101c
```
#07101c rgb(7,16,28)
```
#0b192c
```
#0b192c rgb(11,25,44)
```
#0f233b
```
#0f233b rgb(15,35,59)
```
#132c4b
```
#132c4b rgb(19,44,75)
```
#17355b
```
#17355b rgb(23,53,91)
```
#1a3e6a
```
#1a3e6a rgb(26,62,106)
```
#1e477a
```
#1e477a rgb(30,71,122)
```
#22508a
```
#22508a rgb(34,80,138)
```
#265a9a
```
#265a9a rgb(38,90,154)
```
#2a63a9
```
#2a63a9 rgb(42,99,169)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#3275c9
```
#3275c9 rgb(50,117,201)
```

Shade Color Variation

#3f7fcf
```
#3f7fcf rgb(63,127,207)
```
#4f8ad3
```
#4f8ad3 rgb(79,138,211)
```
#5e94d7
```
#5e94d7 rgb(94,148,215)
```
#6e9fdb
```
#6e9fdb rgb(110,159,219)
```
#7ea9df
```
#7ea9df rgb(126,169,223)
```
#8eb4e3
```
#8eb4e3 rgb(142,180,227)
```
#9dbee7
```
#9dbee7 rgb(157,190,231)
```
#adc8eb
```
#adc8eb rgb(173,200,235)
```
#bdd3ef
```
#bdd3ef rgb(189,211,239)
```
#ccddf2
```
#ccddf2 rgb(204,221,242)
```
#dce8f6
```
#dce8f6 rgb(220,232,246)
```
#ecf2fa
```
#ecf2fa rgb(236,242,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c737b is the less saturated color, while #0267e5 is the most saturated one.

#6c737b
```
#6c737b rgb(108,115,123)
```
#637284
```
#637284 rgb(99,114,132)
```
#5a718d
```
#5a718d rgb(90,113,141)
```
#527095
```
#527095 rgb(82,112,149)
```
#496f9e
```
#496f9e rgb(73,111,158)
```
#406ea7
```
#406ea7 rgb(64,110,167)
```
#376db0
```
#376db0 rgb(55,109,176)
```
#2e6cb9
```
#2e6cb9 rgb(46,108,185)
```
#256bc2
```
#256bc2 rgb(37,107,194)
```
#1c6acb
```
#1c6acb rgb(28,106,203)
```
#1369d4
```
#1369d4 rgb(19,105,212)
```
#0a68dd
```
#0a68dd rgb(10,104,221)
```
#0267e5
```
#0267e5 rgb(2,103,229)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5070ba Protanopia 1% of men
#3274bc Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#446eb9 Protanomaly 1% of men, 0.01% of women
#3171bb Deuteranomaly 6% of men, 0.4% of women
#107799 Tritanomaly 0.01% of the population

#2e6cb9 hex color

#2e6cb9 Color Information

#2e6cb9 Color Conversion

Color Schemes with #2e6cb9

Alternatives to #2e6cb9

#2e6cb9 Preview

Shades and Tints of #2e6cb9

Tones of #2e6cb9

Color Blindness Simulator