#2e73a2 hex color

In a RGB color space, hex #2e73a2 is composed of 18% red, 45.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 29% magenta, 0% yellow and 36.5% black. It has a hue angle of 204.3 degrees, a saturation of 55.8% and a lightness of 40.8%. #2e73a2 color hex could be obtained by blending #5ce6ff with #000045. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 64
RGB color chart
- C 72
- M 29
- Y 0
- K 36
CMYK color chart

● #2e73a2 color description : Dark blue.

The hexadecimal color #2e73a2 has RGB values of R:46, G:115, B:162 and CMYK values of C:0.72, M:0.29, Y:0, K:0.36. Its decimal value is 3044258.

Hex triplet	2e73a2	`#2e73a2`
RGB Decimal	46, 115, 162	`rgb(46,115,162)`
RGB Percent	18, 45.1, 63.5	`rgb(18%,45.1%,63.5%)`
CMYK	72, 29, 0, 36
HSL	204.3°, 55.8, 40.8	`hsl(204.3,55.8%,40.8%)`
HSV (or HSB)	204.3°, 71.6, 63.5
Web Safe	336699	`#336699`

CIE-LAB	46.244, -5.643, -31.535
XYZ	13.777, 15.45, 36.436
xyY	0.21, 0.235, 15.45
CIE-LCH	46.244, 32.036, 259.855
CIE-LUV	46.244, -25.567, -45.97
Hunter-Lab	39.306, -6.219, -27.447
Binary	00101110, 01110011, 10100010

#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#a25d2e
```
#a25d2e rgb(162,93,46)
```

Complementary Color

#2ea297
```
#2ea297 rgb(46,162,151)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#2e39a2
```
#2e39a2 rgb(46,57,162)
```

Analogous Color

#a2972e
```
#a2972e rgb(162,151,46)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#a22e39
```
#a22e39 rgb(162,46,57)
```

Split Complementary Color

#73a22e
```
#73a22e rgb(115,162,46)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#a22e73
```
#a22e73 rgb(162,46,115)
```

Triadic Color

#2ea25d
```
#2ea25d rgb(46,162,93)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#a22e73
```
#a22e73 rgb(162,46,115)
```
#a25d2e
```
#a25d2e rgb(162,93,46)
```

Tetradic Color

#1d4966
```
#1d4966 rgb(29,73,102)
```
#23577a
```
#23577a rgb(35,87,122)
```
#28658e
```
#28658e rgb(40,101,142)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#3481b6
```
#3481b6 rgb(52,129,182)
```
#3c8fc7
```
#3c8fc7 rgb(60,143,199)
```
#4f9acd
```
#4f9acd rgb(79,154,205)
```

Monochromatic Color

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

#2e90a2
```
#2e90a2 rgb(46,144,162)
```
#2e86a2
```
#2e86a2 rgb(46,134,162)
```
#2e7da2
```
#2e7da2 rgb(46,125,162)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#2e69a2
```
#2e69a2 rgb(46,105,162)
```
#2e60a2
```
#2e60a2 rgb(46,96,162)
```
#2e56a2
```
#2e56a2 rgb(46,86,162)
```

Similar Colors

Text with hexadecimal color #2e73a2

This text has a font color of #2e73a2.

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

#2e73a2 background color

This paragraph has a background color of #2e73a2.

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

#2e73a2 border color

This element has a border color of #2e73a2.

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

CSS codes

.text {color:#2e73a2;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071119
```
#071119 rgb(7,17,25)
```
#0b1c28
```
#0b1c28 rgb(11,28,40)
```
#102737
```
#102737 rgb(16,39,55)
```
#143246
```
#143246 rgb(20,50,70)
```
#183d56
```
#183d56 rgb(24,61,86)
```
#1d4865
```
#1d4865 rgb(29,72,101)
```
#215274
```
#215274 rgb(33,82,116)
```
#255d83
```
#255d83 rgb(37,93,131)
```
#2a6893
```
#2a6893 rgb(42,104,147)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#327eb1
```
#327eb1 rgb(50,126,177)
```
#3789c1
```
#3789c1 rgb(55,137,193)
```

Shade Color Variation

#4292c9
```
#4292c9 rgb(66,146,201)
```
#519bce
```
#519bce rgb(81,155,206)
```
#60a4d2
```
#60a4d2 rgb(96,164,210)
```
#6fadd6
```
#6fadd6 rgb(111,173,214)
```
#7fb5db
```
#7fb5db rgb(127,181,219)
```
#8ebedf
```
#8ebedf rgb(142,190,223)
```
#9dc7e3
```
#9dc7e3 rgb(157,199,227)
```
#add0e8
```
#add0e8 rgb(173,208,232)
```
#bcd8ec
```
#bcd8ec rgb(188,216,236)
```
#cbe1f0
```
#cbe1f0 rgb(203,225,240)
```
#daeaf5
```
#daeaf5 rgb(218,234,245)
```
#eaf3f9
```
#eaf3f9 rgb(234,243,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66686a is the less saturated color, while #067bca is the most saturated one.

#66686a
```
#66686a rgb(102,104,106)
```
#5e6a72
```
#5e6a72 rgb(94,106,114)
```
#566b7a
```
#566b7a rgb(86,107,122)
```
#4e6d82
```
#4e6d82 rgb(78,109,130)
```
#466e8a
```
#466e8a rgb(70,110,138)
```
#3e7092
```
#3e7092 rgb(62,112,146)
```
#36719a
```
#36719a rgb(54,113,154)
```
#2e73a2
```
#2e73a2 rgb(46,115,162)
```
#2675aa
```
#2675aa rgb(38,117,170)
```
#1e76b2
```
#1e76b2 rgb(30,118,178)
```
#1678ba
```
#1678ba rgb(22,120,186)
```
#0e79c2
```
#0e79c2 rgb(14,121,194)
```
#067bca
```
#067bca rgb(6,123,202)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#596770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6573a1 Protanopia 1% of men
#5b74a9 Deuteranopia 1% of men
#198089 Tritanopia 0.001% of the population

Trichromacy

#5173a1 Protanomaly 1% of men, 0.01% of women
#4a74a6 Deuteranomaly 6% of men, 0.4% of women
#207b92 Tritanomaly 0.01% of the population

#2e73a2 hex color

#2e73a2 Color Information

#2e73a2 Color Conversion

Color Schemes with #2e73a2

Alternatives to #2e73a2

#2e73a2 Preview

Shades and Tints of #2e73a2

Tones of #2e73a2

Color Blindness Simulator