#2a5093 hex color

In a RGB color space, hex #2a5093 is composed of 16.5% red, 31.4% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 45.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 218.3 degrees, a saturation of 55.6% and a lightness of 37.1%. #2a5093 color hex could be obtained by blending #54a0ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 31
- B 58
RGB color chart
- C 71
- M 46
- Y 0
- K 42
CMYK color chart

● #2a5093 color description : Dark blue.

The hexadecimal color #2a5093 has RGB values of R:42, G:80, B:147 and CMYK values of C:0.71, M:0.46, Y:0, K:0.42. Its decimal value is 2773139.

Hex triplet	2a5093	`#2a5093`
RGB Decimal	42, 80, 147	`rgb(42,80,147)`
RGB Percent	16.5, 31.4, 57.6	`rgb(16.5%,31.4%,57.6%)`
CMYK	71, 46, 0, 42
HSL	218.3°, 55.6, 37.1	`hsl(218.3,55.6%,37.1%)`
HSV (or HSB)	218.3°, 71.4, 57.6
Web Safe	336699	`#336699`

CIE-LAB	34.672, 10.23, -40.916
XYZ	9.089, 8.336, 28.732
xyY	0.197, 0.181, 8.336
CIE-LCH	34.672, 42.176, 284.037
CIE-LUV	34.672, -14.796, -57.618
Hunter-Lab	28.871, 5.668, -38.794
Binary	00101010, 01010000, 10010011

#2a5093
```
#2a5093 rgb(42,80,147)
```
#936d2a
```
#936d2a rgb(147,109,42)
```

Complementary Color

#2a8593
```
#2a8593 rgb(42,133,147)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#382a93
```
#382a93 rgb(56,42,147)
```

Analogous Color

#85932a
```
#85932a rgb(133,147,42)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#93392a
```
#93392a rgb(147,57,42)
```

Split Complementary Color

#50932a
```
#50932a rgb(80,147,42)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#932a50
```
#932a50 rgb(147,42,80)
```

Triadic Color

#2a936d
```
#2a936d rgb(42,147,109)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#932a50
```
#932a50 rgb(147,42,80)
```
#936d2a
```
#936d2a rgb(147,109,42)
```

Tetradic Color

#193058
```
#193058 rgb(25,48,88)
```
#1f3a6b
```
#1f3a6b rgb(31,58,107)
```
#24457f
```
#24457f rgb(36,69,127)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#305ba7
```
#305ba7 rgb(48,91,167)
```
#3566bb
```
#3566bb rgb(53,102,187)
```
#4172c9
```
#4172c9 rgb(65,114,201)
```

Monochromatic Color

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

#2a6a93
```
#2a6a93 rgb(42,106,147)
```
#2a6293
```
#2a6293 rgb(42,98,147)
```
#2a5993
```
#2a5993 rgb(42,89,147)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#2a4793
```
#2a4793 rgb(42,71,147)
```
#2a3f93
```
#2a3f93 rgb(42,63,147)
```
#2a3693
```
#2a3693 rgb(42,54,147)
```

Similar Colors

Text with hexadecimal color #2a5093

This text has a font color of #2a5093.

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

#2a5093 background color

This paragraph has a background color of #2a5093.

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

#2a5093 border color

This element has a border color of #2a5093.

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

CSS codes

.text {color:#2a5093;}

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

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

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, #03050a is the darkest color, while #f9fbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1628
```
#0b1628 rgb(11,22,40)
```
#101e37
```
#101e37 rgb(16,30,55)
```
#142647
```
#142647 rgb(20,38,71)
```
#192f56
```
#192f56 rgb(25,47,86)
```
#1d3765
```
#1d3765 rgb(29,55,101)
```
#213f74
```
#213f74 rgb(33,63,116)
```
#264884
```
#264884 rgb(38,72,132)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#2e58a2
```
#2e58a2 rgb(46,88,162)
```
#3361b2
```
#3361b2 rgb(51,97,178)
```
#3769c1
```
#3769c1 rgb(55,105,193)
```

Shade Color Variation

#4273c9
```
#4273c9 rgb(66,115,201)
```
#527ecd
```
#527ecd rgb(82,126,205)
```
#618ad2
```
#618ad2 rgb(97,138,210)
```
#7095d6
```
#7095d6 rgb(112,149,214)
```
#7fa0db
```
#7fa0db rgb(127,160,219)
```
#8facdf
```
#8facdf rgb(143,172,223)
```
#9eb7e3
```
#9eb7e3 rgb(158,183,227)
```
#adc2e8
```
#adc2e8 rgb(173,194,232)
```
#bcceec
```
#bcceec rgb(188,206,236)
```
#ccd9f0
```
#ccd9f0 rgb(204,217,240)
```
#dbe4f5
```
#dbe4f5 rgb(219,228,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5e60 is the less saturated color, while #0646b7 is the most saturated one.

#5d5e60
```
#5d5e60 rgb(93,94,96)
```
#565c67
```
#565c67 rgb(86,92,103)
```
#4e5a6f
```
#4e5a6f rgb(78,90,111)
```
#475876
```
#475876 rgb(71,88,118)
```
#40567d
```
#40567d rgb(64,86,125)
```
#395484
```
#395484 rgb(57,84,132)
```
#31528c
```
#31528c rgb(49,82,140)
```
#2a5093
```
#2a5093 rgb(42,80,147)
```
#234e9a
```
#234e9a rgb(35,78,154)
```
#1b4ca2
```
#1b4ca2 rgb(27,76,162)
```
#144aa9
```
#144aa9 rgb(20,74,169)
```
#0d48b0
```
#0d48b0 rgb(13,72,176)
```
#0646b7
```
#0646b7 rgb(6,70,183)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#454d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#395898 Protanopia 1% of men
#1b5b97 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#345596 Protanomaly 1% of men, 0.01% of women
#205795 Deuteranomaly 6% of men, 0.4% of women
#0f5c79 Tritanomaly 0.01% of the population

#2a5093 hex color

#2a5093 Color Information

#2a5093 Color Conversion

Color Schemes with #2a5093

Alternatives to #2a5093

#2a5093 Preview

Shades and Tints of #2a5093

Tones of #2a5093

Color Blindness Simulator