#2e7caa hex color

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

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

● #2e7caa color description : Dark blue.

The hexadecimal color #2e7caa has RGB values of R:46, G:124, B:170 and CMYK values of C:0.73, M:0.27, Y:0, K:0.33. Its decimal value is 3046570.

Hex triplet	2e7caa	`#2e7caa`
RGB Decimal	46, 124, 170	`rgb(46,124,170)`
RGB Percent	18, 48.6, 66.7	`rgb(18%,48.6%,66.7%)`
CMYK	73, 27, 0, 33
HSL	202.3°, 57.4, 42.4	`hsl(202.3,57.4%,42.4%)`
HSV (or HSB)	202.3°, 72.9, 66.7
Web Safe	336699	`#336699`

CIE-LAB	49.371, -8.084, -31.315
XYZ	15.588, 17.897, 40.661
xyY	0.21, 0.241, 17.897
CIE-LCH	49.371, 32.342, 255.526
CIE-LUV	49.371, -28.415, -45.973
Hunter-Lab	42.305, -8.261, -27.372
Binary	00101110, 01111100, 10101010

#2e7caa
```
#2e7caa rgb(46,124,170)
```
#aa5c2e
```
#aa5c2e rgb(170,92,46)
```

Complementary Color

#2eaa9a
```
#2eaa9a rgb(46,170,154)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#2e3eaa
```
#2e3eaa rgb(46,62,170)
```

Analogous Color

#aa9a2e
```
#aa9a2e rgb(170,154,46)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#aa2e3e
```
#aa2e3e rgb(170,46,62)
```

Split Complementary Color

#7caa2e
```
#7caa2e rgb(124,170,46)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#aa2e7c
```
#aa2e7c rgb(170,46,124)
```

Triadic Color

#2eaa5c
```
#2eaa5c rgb(46,170,92)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#aa2e7c
```
#aa2e7c rgb(170,46,124)
```
#aa5c2e
```
#aa5c2e rgb(170,92,46)
```

Tetradic Color

#1e506e
```
#1e506e rgb(30,80,110)
```
#235f82
```
#235f82 rgb(35,95,130)
```
#296d96
```
#296d96 rgb(41,109,150)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#338bbe
```
#338bbe rgb(51,139,190)
```
#4098cb
```
#4098cb rgb(64,152,203)
```
#54a2d1
```
#54a2d1 rgb(84,162,209)
```

Monochromatic Color

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

#2e9baa
```
#2e9baa rgb(46,155,170)
```
#2e91aa
```
#2e91aa rgb(46,145,170)
```
#2e86aa
```
#2e86aa rgb(46,134,170)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#2e72aa
```
#2e72aa rgb(46,114,170)
```
#2e67aa
```
#2e67aa rgb(46,103,170)
```
#2e5daa
```
#2e5daa rgb(46,93,170)
```

Similar Colors

Text with hexadecimal color #2e7caa

This text has a font color of #2e7caa.

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

#2e7caa background color

This paragraph has a background color of #2e7caa.

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

#2e7caa border color

This element has a border color of #2e7caa.

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

CSS codes

.text {color:#2e7caa;}

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

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

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 #f0f7fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040b10
```
#040b10 rgb(4,11,16)
```
#08171f
```
#08171f rgb(8,23,31)
```
#0d222e
```
#0d222e rgb(13,34,46)
```
#112d3e
```
#112d3e rgb(17,45,62)
```
#15384d
```
#15384d rgb(21,56,77)
```
#19445d
```
#19445d rgb(25,68,93)
```
#1d4f6c
```
#1d4f6c rgb(29,79,108)
```
#215a7c
```
#215a7c rgb(33,90,124)
```
#26658b
```
#26658b rgb(38,101,139)
```
#2a719b
```
#2a719b rgb(42,113,155)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#3287b9
```
#3287b9 rgb(50,135,185)
```

Shade Color Variation

#3692c9
```
#3692c9 rgb(54,146,201)
```
#469bcd
```
#469bcd rgb(70,155,205)
```
#55a3d1
```
#55a3d1 rgb(85,163,209)
```
#65acd5
```
#65acd5 rgb(101,172,213)
```
#74b4d9
```
#74b4d9 rgb(116,180,217)
```
#84bcde
```
#84bcde rgb(132,188,222)
```
#93c5e2
```
#93c5e2 rgb(147,197,226)
```
#a3cde6
```
#a3cde6 rgb(163,205,230)
```
#b2d5ea
```
#b2d5ea rgb(178,213,234)
```
#c1deee
```
#c1deee rgb(193,222,238)
```
#d1e6f3
```
#d1e6f3 rgb(209,230,243)
```
#e0eef7
```
#e0eef7 rgb(224,238,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

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

#686d70
```
#686d70 rgb(104,109,112)
```
#606f78
```
#606f78 rgb(96,111,120)
```
#587180
```
#587180 rgb(88,113,128)
```
#4f7389
```
#4f7389 rgb(79,115,137)
```
#477691
```
#477691 rgb(71,118,145)
```
#3f7899
```
#3f7899 rgb(63,120,153)
```
#367aa2
```
#367aa2 rgb(54,122,162)
```
#2e7caa
```
#2e7caa rgb(46,124,170)
```
#267eb2
```
#267eb2 rgb(38,126,178)
```
#1d80bb
```
#1d80bb rgb(29,128,187)
```
#1582c3
```
#1582c3 rgb(21,130,195)
```
#0d85cb
```
#0d85cb rgb(13,133,203)
```
#0487d4
```
#0487d4 rgb(4,135,212)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7aa8 Protanopia 1% of men
#637bb1 Deuteranopia 1% of men
#168892 Tritanopia 0.001% of the population

Trichromacy

#567ba9 Protanomaly 1% of men, 0.01% of women
#507bae Deuteranomaly 6% of men, 0.4% of women
#1f839a Tritanomaly 0.01% of the population

#2e7caa hex color

#2e7caa Color Information

#2e7caa Color Conversion

Color Schemes with #2e7caa

Alternatives to #2e7caa

#2e7caa Preview

Shades and Tints of #2e7caa

Tones of #2e7caa

Color Blindness Simulator