#2a548e hex color

In a RGB color space, hex #2a548e is composed of 16.5% red, 32.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 40.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 214.8 degrees, a saturation of 54.3% and a lightness of 36.1%. #2a548e color hex could be obtained by blending #54a8ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 33
- B 56
RGB color chart
- C 70
- M 41
- Y 0
- K 44
CMYK color chart

● #2a548e color description : Dark blue.

The hexadecimal color #2a548e has RGB values of R:42, G:84, B:142 and CMYK values of C:0.7, M:0.41, Y:0, K:0.44. Its decimal value is 2774158.

Hex triplet	2a548e	`#2a548e`
RGB Decimal	42, 84, 142	`rgb(42,84,142)`
RGB Percent	16.5, 32.9, 55.7	`rgb(16.5%,32.9%,55.7%)`
CMYK	70, 41, 0, 44
HSL	214.8°, 54.3, 36.1	`hsl(214.8,54.3%,36.1%)`
HSV (or HSB)	214.8°, 70.4, 55.7
Web Safe	336699	`#336699`

CIE-LAB	35.567, 5.678, -36.447
XYZ	9.007, 8.785, 26.811
xyY	0.202, 0.197, 8.785
CIE-LCH	35.567, 36.887, 278.855
CIE-LUV	35.567, -16.177, -51.286
Hunter-Lab	29.64, 2.37, -32.883
Binary	00101010, 01010100, 10001110

#2a548e
```
#2a548e rgb(42,84,142)
```
#8e642a
```
#8e642a rgb(142,100,42)
```

Complementary Color

#2a868e
```
#2a868e rgb(42,134,142)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#322a8e
```
#322a8e rgb(50,42,142)
```

Analogous Color

#868e2a
```
#868e2a rgb(134,142,42)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#8e322a
```
#8e322a rgb(142,50,42)
```

Split Complementary Color

#548e2a
```
#548e2a rgb(84,142,42)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#8e2a54
```
#8e2a54 rgb(142,42,84)
```

Triadic Color

#2a8e64
```
#2a8e64 rgb(42,142,100)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#8e2a54
```
#8e2a54 rgb(142,42,84)
```
#8e642a
```
#8e642a rgb(142,100,42)
```

Tetradic Color

#193153
```
#193153 rgb(25,49,83)
```
#1e3d67
```
#1e3d67 rgb(30,61,103)
```
#24487a
```
#24487a rgb(36,72,122)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#3060a2
```
#3060a2 rgb(48,96,162)
```
#366bb5
```
#366bb5 rgb(54,107,181)
```
#3e77c6
```
#3e77c6 rgb(62,119,198)
```

Monochromatic Color

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

#2a6d8e
```
#2a6d8e rgb(42,109,142)
```
#2a658e
```
#2a658e rgb(42,101,142)
```
#2a5c8e
```
#2a5c8e rgb(42,92,142)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#2a4c8e
```
#2a4c8e rgb(42,76,142)
```
#2a438e
```
#2a438e rgb(42,67,142)
```
#2a3b8e
```
#2a3b8e rgb(42,59,142)
```

Similar Colors

Text with hexadecimal color #2a548e

This text has a font color of #2a548e.

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

#2a548e background color

This paragraph has a background color of #2a548e.

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

#2a548e border color

This element has a border color of #2a548e.

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

CSS codes

.text {color:#2a548e;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1524
```
#0b1524 rgb(11,21,36)
```
#0f1e33
```
#0f1e33 rgb(15,30,51)
```
#142742
```
#142742 rgb(20,39,66)
```
#183051
```
#183051 rgb(24,48,81)
```
#1d3961
```
#1d3961 rgb(29,57,97)
```
#214270
```
#214270 rgb(33,66,112)
```
#264b7f
```
#264b7f rgb(38,75,127)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#2e5d9d
```
#2e5d9d rgb(46,93,157)
```
#3366ac
```
#3366ac rgb(51,102,172)
```
#376fbb
```
#376fbb rgb(55,111,187)
```

Shade Color Variation

#4078c6
```
#4078c6 rgb(64,120,198)
```
#4f83cb
```
#4f83cb rgb(79,131,203)
```
#5e8ecf
```
#5e8ecf rgb(94,142,207)
```
#6d98d4
```
#6d98d4 rgb(109,152,212)
```
#7da3d8
```
#7da3d8 rgb(125,163,216)
```
#8caedd
```
#8caedd rgb(140,174,221)
```
#9bb8e1
```
#9bb8e1 rgb(155,184,225)
```
#aac3e6
```
#aac3e6 rgb(170,195,230)
```
#b9ceea
```
#b9ceea rgb(185,206,234)
```
#c8d8ef
```
#c8d8ef rgb(200,216,239)
```
#d7e3f3
```
#d7e3f3 rgb(215,227,243)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#545b64
```
#545b64 rgb(84,91,100)
```
#4d5a6b
```
#4d5a6b rgb(77,90,107)
```
#465972
```
#465972 rgb(70,89,114)
```
#3f5779
```
#3f5779 rgb(63,87,121)
```
#385680
```
#385680 rgb(56,86,128)
```
#315587
```
#315587 rgb(49,85,135)
```
#2a548e
```
#2a548e rgb(42,84,142)
```
#235395
```
#235395 rgb(35,83,149)
```
#1c529c
```
#1c529c rgb(28,82,156)
```
#1551a3
```
#1551a3 rgb(21,81,163)
```
#0e4faa
```
#0e4faa rgb(14,79,170)
```
#074eb1
```
#074eb1 rgb(7,78,177)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#435a92 Protanopia 1% of men
#325d93 Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#3a5890 Protanomaly 1% of men, 0.01% of women
#2f5991 Deuteranomaly 6% of men, 0.4% of women
#0f5f78 Tritanomaly 0.01% of the population

#2a548e hex color

#2a548e Color Information

#2a548e Color Conversion

Color Schemes with #2a548e

Alternatives to #2a548e

#2a548e Preview

Shades and Tints of #2a548e

Tones of #2a548e

Color Blindness Simulator