#2e6caa hex color

In a RGB color space, hex #2e6caa is composed of 18% red, 42.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 36.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 210 degrees, a saturation of 57.4% and a lightness of 42.4%. #2e6caa color hex could be obtained by blending #5cd8ff with #000055. Closest websafe color is: #336699.

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

● #2e6caa color description : Dark blue.

The hexadecimal color #2e6caa has RGB values of R:46, G:108, B:170 and CMYK values of C:0.73, M:0.36, Y:0, K:0.33. Its decimal value is 3042474.

Hex triplet	2e6caa	`#2e6caa`
RGB Decimal	46, 108, 170	`rgb(46,108,170)`
RGB Percent	18, 42.4, 66.7	`rgb(18%,42.4%,66.7%)`
CMYK	73, 36, 0, 33
HSL	210°, 57.4, 42.4	`hsl(210,57.4%,42.4%)`
HSV (or HSB)	210°, 72.9, 66.7
Web Safe	336699	`#336699`

CIE-LAB	44.529, 1.535, -38.935
XYZ	13.743, 14.207, 40.046
xyY	0.202, 0.209, 14.207
CIE-LCH	44.529, 38.965, 272.258
CIE-LUV	44.529, -22.814, -57.794
Hunter-Lab	37.692, -0.878, -36.607
Binary	00101110, 01101100, 10101010

#2e6caa
```
#2e6caa rgb(46,108,170)
```
#aa6c2e
```
#aa6c2e rgb(170,108,46)
```

Complementary Color

#2eaaaa
```
#2eaaaa rgb(46,170,170)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#2e2eaa
```
#2e2eaa rgb(46,46,170)
```

Analogous Color

#aaaa2e
```
#aaaa2e rgb(170,170,46)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#aa2e2e
```
#aa2e2e rgb(170,46,46)
```

Split Complementary Color

#6caa2e
```
#6caa2e rgb(108,170,46)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#aa2e6c
```
#aa2e6c rgb(170,46,108)
```

Triadic Color

#2eaa6c
```
#2eaa6c rgb(46,170,108)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#aa2e6c
```
#aa2e6c rgb(170,46,108)
```
#aa6c2e
```
#aa6c2e rgb(170,108,46)
```

Tetradic Color

#1e466e
```
#1e466e rgb(30,70,110)
```
#235382
```
#235382 rgb(35,83,130)
```
#295f96
```
#295f96 rgb(41,95,150)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#3379be
```
#3379be rgb(51,121,190)
```
#4086cb
```
#4086cb rgb(64,134,203)
```
#5492d1
```
#5492d1 rgb(84,146,209)
```

Monochromatic Color

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

#2e8baa
```
#2e8baa rgb(46,139,170)
```
#2e81aa
```
#2e81aa rgb(46,129,170)
```
#2e76aa
```
#2e76aa rgb(46,118,170)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#2e62aa
```
#2e62aa rgb(46,98,170)
```
#2e57aa
```
#2e57aa rgb(46,87,170)
```
#2e4daa
```
#2e4daa rgb(46,77,170)
```

Similar Colors

Text with hexadecimal color #2e6caa

This text has a font color of #2e6caa.

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

#2e6caa background color

This paragraph has a background color of #2e6caa.

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

#2e6caa border color

This element has a border color of #2e6caa.

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

CSS codes

.text {color:#2e6caa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#08141f
```
#08141f rgb(8,20,31)
```
#0d1e2e
```
#0d1e2e rgb(13,30,46)
```
#11273e
```
#11273e rgb(17,39,62)
```
#15314d
```
#15314d rgb(21,49,77)
```
#193b5d
```
#193b5d rgb(25,59,93)
```
#1d456c
```
#1d456c rgb(29,69,108)
```
#214f7c
```
#214f7c rgb(33,79,124)
```
#26588b
```
#26588b rgb(38,88,139)
```
#2a629b
```
#2a629b rgb(42,98,155)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#3276b9
```
#3276b9 rgb(50,118,185)
```

Shade Color Variation

#3680c9
```
#3680c9 rgb(54,128,201)
```
#4689cd
```
#4689cd rgb(70,137,205)
```
#5593d1
```
#5593d1 rgb(85,147,209)
```
#659dd5
```
#659dd5 rgb(101,157,213)
```
#74a7d9
```
#74a7d9 rgb(116,167,217)
```
#84b1de
```
#84b1de rgb(132,177,222)
```
#93bae2
```
#93bae2 rgb(147,186,226)
```
#a3c4e6
```
#a3c4e6 rgb(163,196,230)
```
#b2ceea
```
#b2ceea rgb(178,206,234)
```
#c1d8ee
```
#c1d8ee rgb(193,216,238)
```
#d1e2f3
```
#d1e2f3 rgb(209,226,243)
```
#e0ecf7
```
#e0ecf7 rgb(224,236,247)
```
#f0f5fb
```
#f0f5fb rgb(240,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c70 is the less saturated color, while #046cd4 is the most saturated one.

#686c70
```
#686c70 rgb(104,108,112)
```
#606c78
```
#606c78 rgb(96,108,120)
```
#586c80
```
#586c80 rgb(88,108,128)
```
#4f6c89
```
#4f6c89 rgb(79,108,137)
```
#476c91
```
#476c91 rgb(71,108,145)
```
#3f6c99
```
#3f6c99 rgb(63,108,153)
```
#366ca2
```
#366ca2 rgb(54,108,162)
```
#2e6caa
```
#2e6caa rgb(46,108,170)
```
#266cb2
```
#266cb2 rgb(38,108,178)
```
#1d6cbb
```
#1d6cbb rgb(29,108,187)
```
#156cc3
```
#156cc3 rgb(21,108,195)
```
#0d6ccb
```
#0d6ccb rgb(13,108,203)
```
#046cd4
```
#046cd4 rgb(4,108,212)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586faa Protanopia 1% of men
#4771af Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#496eaa Protanomaly 1% of men, 0.01% of women
#3e6fad Deuteranomaly 6% of men, 0.4% of women
#107692 Tritanomaly 0.01% of the population

#2e6caa hex color

#2e6caa Color Information

#2e6caa Color Conversion

Color Schemes with #2e6caa

Alternatives to #2e6caa

#2e6caa Preview

Shades and Tints of #2e6caa

Tones of #2e6caa

Color Blindness Simulator