#2a538a hex color

In a RGB color space, hex #2a538a is composed of 16.5% red, 32.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 39.9% magenta, 0% yellow and 45.9% black. It has a hue angle of 214.4 degrees, a saturation of 53.3% and a lightness of 35.3%. #2a538a color hex could be obtained by blending #54a6ff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 33
- B 54
RGB color chart
- C 70
- M 40
- Y 0
- K 46
CMYK color chart

● #2a538a color description : Dark moderate blue.

The hexadecimal color #2a538a has RGB values of R:42, G:83, B:138 and CMYK values of C:0.7, M:0.4, Y:0, K:0.46. Its decimal value is 2773898.

Hex triplet	2a538a	`#2a538a`
RGB Decimal	42, 83, 138	`rgb(42,83,138)`
RGB Percent	16.5, 32.5, 54.1	`rgb(16.5%,32.5%,54.1%)`
CMYK	70, 40, 0, 46
HSL	214.4°, 53.3, 35.3	`hsl(214.4,53.3%,35.3%)`
HSV (or HSB)	214.4°, 69.6, 54.1
Web Safe	336699	`#336699`

CIE-LAB	35.029, 4.814, -34.863
XYZ	8.635, 8.513, 25.232
xyY	0.204, 0.201, 8.513
CIE-LCH	35.029, 35.194, 277.862
CIE-LUV	35.029, -15.913, -48.714
Hunter-Lab	29.177, 1.764, -30.848
Binary	00101010, 01010011, 10001010

#2a538a
```
#2a538a rgb(42,83,138)
```
#8a612a
```
#8a612a rgb(138,97,42)
```

Complementary Color

#2a838a
```
#2a838a rgb(42,131,138)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#312a8a
```
#312a8a rgb(49,42,138)
```

Analogous Color

#838a2a
```
#838a2a rgb(131,138,42)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#8a312a
```
#8a312a rgb(138,49,42)
```

Split Complementary Color

#538a2a
```
#538a2a rgb(83,138,42)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#8a2a53
```
#8a2a53 rgb(138,42,83)
```

Triadic Color

#2a8a61
```
#2a8a61 rgb(42,138,97)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#8a2a53
```
#8a2a53 rgb(138,42,83)
```
#8a612a
```
#8a612a rgb(138,97,42)
```

Tetradic Color

#18304f
```
#18304f rgb(24,48,79)
```
#1e3b63
```
#1e3b63 rgb(30,59,99)
```
#244776
```
#244776 rgb(36,71,118)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#366bb1
```
#366bb1 rgb(54,107,177)
```
#3d76c4
```
#3d76c4 rgb(61,118,196)
```

Monochromatic Color

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

#2a6b8a
```
#2a6b8a rgb(42,107,138)
```
#2a638a
```
#2a638a rgb(42,99,138)
```
#2a5b8a
```
#2a5b8a rgb(42,91,138)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#2a4b8a
```
#2a4b8a rgb(42,75,138)
```
#2a438a
```
#2a438a rgb(42,67,138)
```
#2a3b8a
```
#2a3b8a rgb(42,59,138)
```

Similar Colors

Text with hexadecimal color #2a538a

This text has a font color of #2a538a.

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

#2a538a background color

This paragraph has a background color of #2a538a.

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

#2a538a border color

This element has a border color of #2a538a.

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

CSS codes

.text {color:#2a538a;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050b12
```
#050b12 rgb(5,11,18)
```
#0a1421
```
#0a1421 rgb(10,20,33)
```
#0f1d30
```
#0f1d30 rgb(15,29,48)
```
#13263f
```
#13263f rgb(19,38,63)
```
#182f4e
```
#182f4e rgb(24,47,78)
```
#1c385d
```
#1c385d rgb(28,56,93)
```
#21416c
```
#21416c rgb(33,65,108)
```
#254a7b
```
#254a7b rgb(37,74,123)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#2f5c99
```
#2f5c99 rgb(47,92,153)
```
#3365a8
```
#3365a8 rgb(51,101,168)
```
#386eb7
```
#386eb7 rgb(56,110,183)
```

Shade Color Variation

#3e77c4
```
#3e77c4 rgb(62,119,196)
```
#4d82c9
```
#4d82c9 rgb(77,130,201)
```
#5c8dcd
```
#5c8dcd rgb(92,141,205)
```
#6b97d2
```
#6b97d2 rgb(107,151,210)
```
#7aa2d7
```
#7aa2d7 rgb(122,162,215)
```
#89acdb
```
#89acdb rgb(137,172,219)
```
#98b7e0
```
#98b7e0 rgb(152,183,224)
```
#a7c1e4
```
#a7c1e4 rgb(167,193,228)
```
#b6cce9
```
#b6cce9 rgb(182,204,233)
```
#c6d7ee
```
#c6d7ee rgb(198,215,238)
```
#d5e1f2
```
#d5e1f2 rgb(213,225,242)
```
#e4ecf7
```
#e4ecf7 rgb(228,236,247)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#545960
```
#545960 rgb(84,89,96)
```
#4d5867
```
#4d5867 rgb(77,88,103)
```
#46576e
```
#46576e rgb(70,87,110)
```
#3f5675
```
#3f5675 rgb(63,86,117)
```
#38557c
```
#38557c rgb(56,85,124)
```
#315483
```
#315483 rgb(49,84,131)
```
#2a538a
```
#2a538a rgb(42,83,138)
```
#235291
```
#235291 rgb(35,82,145)
```
#1c5198
```
#1c5198 rgb(28,81,152)
```
#15509f
```
#15509f rgb(21,80,159)
```
#0e4fa6
```
#0e4fa6 rgb(14,79,166)
```
#074ead
```
#074ead rgb(7,78,173)
```
#004db4
```
#004db4 rgb(0,77,180)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#464e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#44598e Protanopia 1% of men
#355b90 Deuteranopia 1% of men
#0b646b Tritanopia 0.001% of the population

Trichromacy

#3a578c Protanomaly 1% of men, 0.01% of women
#31588d Deuteranomaly 6% of men, 0.4% of women
#165d76 Tritanomaly 0.01% of the population

#2a538a hex color

#2a538a Color Information

#2a538a Color Conversion

Color Schemes with #2a538a

Alternatives to #2a538a

#2a538a Preview

Shades and Tints of #2a538a

Tones of #2a538a

Color Blindness Simulator