#2e60a0 hex color

In a RGB color space, hex #2e60a0 is composed of 18% red, 37.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 40% magenta, 0% yellow and 37.3% black. It has a hue angle of 213.7 degrees, a saturation of 55.3% and a lightness of 40.4%. #2e60a0 color hex could be obtained by blending #5cc0ff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 38
- B 63
RGB color chart
- C 71
- M 40
- Y 0
- K 37
CMYK color chart

● #2e60a0 color description : Dark blue.

The hexadecimal color #2e60a0 has RGB values of R:46, G:96, B:160 and CMYK values of C:0.71, M:0.4, Y:0, K:0.37. Its decimal value is 3039392.

Hex triplet	2e60a0	`#2e60a0`
RGB Decimal	46, 96, 160	`rgb(46,96,160)`
RGB Percent	18, 37.6, 62.7	`rgb(18%,37.6%,62.7%)`
CMYK	71, 40, 0, 37
HSL	213.7°, 55.3, 40.4	`hsl(213.7,55.3%,40.4%)`
HSV (or HSB)	213.7°, 71.3, 62.7
Web Safe	336699	`#336699`

CIE-LAB	40.384, 5.36, -39.605
XYZ	11.653, 11.484, 34.858
xyY	0.201, 0.198, 11.484
CIE-LCH	40.384, 39.966, 277.708
CIE-LUV	40.384, -19.036, -57.786
Hunter-Lab	33.888, 2.079, -37.266
Binary	00101110, 01100000, 10100000

#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#a06e2e
```
#a06e2e rgb(160,110,46)
```

Complementary Color

#2e99a0
```
#2e99a0 rgb(46,153,160)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#352ea0
```
#352ea0 rgb(53,46,160)
```

Analogous Color

#99a02e
```
#99a02e rgb(153,160,46)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#a0352e
```
#a0352e rgb(160,53,46)
```

Split Complementary Color

#60a02e
```
#60a02e rgb(96,160,46)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#a02e60
```
#a02e60 rgb(160,46,96)
```

Triadic Color

#2ea06e
```
#2ea06e rgb(46,160,110)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#a02e60
```
#a02e60 rgb(160,46,96)
```
#a06e2e
```
#a06e2e rgb(160,110,46)
```

Tetradic Color

#1d3c65
```
#1d3c65 rgb(29,60,101)
```
#234878
```
#234878 rgb(35,72,120)
```
#28548c
```
#28548c rgb(40,84,140)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#346cb4
```
#346cb4 rgb(52,108,180)
```
#3a78c7
```
#3a78c7 rgb(58,120,199)
```
#4e86cc
```
#4e86cc rgb(78,134,204)
```

Monochromatic Color

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

#2e7da0
```
#2e7da0 rgb(46,125,160)
```
#2e73a0
```
#2e73a0 rgb(46,115,160)
```
#2e6aa0
```
#2e6aa0 rgb(46,106,160)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#2e57a0
```
#2e57a0 rgb(46,87,160)
```
#2e4da0
```
#2e4da0 rgb(46,77,160)
```
#2e44a0
```
#2e44a0 rgb(46,68,160)
```

Similar Colors

Text with hexadecimal color #2e60a0

This text has a font color of #2e60a0.

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

#2e60a0 background color

This paragraph has a background color of #2e60a0.

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

#2e60a0 border color

This element has a border color of #2e60a0.

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

CSS codes

.text {color:#2e60a0;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#070e17
```
#070e17 rgb(7,14,23)
```
#0b1726
```
#0b1726 rgb(11,23,38)
```
#0f2035
```
#0f2035 rgb(15,32,53)
```
#142945
```
#142945 rgb(20,41,69)
```
#183254
```
#183254 rgb(24,50,84)
```
#1c3b63
```
#1c3b63 rgb(28,59,99)
```
#214572
```
#214572 rgb(33,69,114)
```
#254e82
```
#254e82 rgb(37,78,130)
```
#2a5791
```
#2a5791 rgb(42,87,145)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#3269af
```
#3269af rgb(50,105,175)
```
#3772be
```
#3772be rgb(55,114,190)
```

Shade Color Variation

#417cc8
```
#417cc8 rgb(65,124,200)
```
#5087cd
```
#5087cd rgb(80,135,205)
```
#5f91d1
```
#5f91d1 rgb(95,145,209)
```
#6e9cd5
```
#6e9cd5 rgb(110,156,213)
```
#7ea6da
```
#7ea6da rgb(126,166,218)
```
#8db0de
```
#8db0de rgb(141,176,222)
```
#9cbbe3
```
#9cbbe3 rgb(156,187,227)
```
#abc5e7
```
#abc5e7 rgb(171,197,231)
```
#bad0eb
```
#bad0eb rgb(186,208,235)
```
#cadaf0
```
#cadaf0 rgb(202,218,240)
```
#d9e5f4
```
#d9e5f4 rgb(217,229,244)
```
#e8eff8
```
#e8eff8 rgb(232,239,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656769 is the less saturated color, while #065bc8 is the most saturated one.

#656769
```
#656769 rgb(101,103,105)
```
#5e6670
```
#5e6670 rgb(94,102,112)
```
#566578
```
#566578 rgb(86,101,120)
```
#4e6480
```
#4e6480 rgb(78,100,128)
```
#466388
```
#466388 rgb(70,99,136)
```
#3e6290
```
#3e6290 rgb(62,98,144)
```
#366198
```
#366198 rgb(54,97,152)
```
#2e60a0
```
#2e60a0 rgb(46,96,160)
```
#265fa8
```
#265fa8 rgb(38,95,168)
```
#1e5eb0
```
#1e5eb0 rgb(30,94,176)
```
#165db8
```
#165db8 rgb(22,93,184)
```
#0e5cc0
```
#0e5cc0 rgb(14,92,192)
```
#065bc8
```
#065bc8 rgb(6,91,200)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505a66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c65a2 Protanopia 1% of men
#3968a4 Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#4163a1 Protanomaly 1% of men, 0.01% of women
#3565a3 Deuteranomaly 6% of men, 0.4% of women
#106b87 Tritanomaly 0.01% of the population

#2e60a0 hex color

#2e60a0 Color Information

#2e60a0 Color Conversion

Color Schemes with #2e60a0

Alternatives to #2e60a0

#2e60a0 Preview

Shades and Tints of #2e60a0

Tones of #2e60a0

Color Blindness Simulator