#2a4868 hex color

In a RGB color space, hex #2a4868 is composed of 16.5% red, 28.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 30.8% magenta, 0% yellow and 59.2% black. It has a hue angle of 211 degrees, a saturation of 42.5% and a lightness of 28.6%. #2a4868 color hex could be obtained by blending #5490d0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 28
- B 41
RGB color chart
- C 60
- M 31
- Y 0
- K 59
CMYK color chart

● #2a4868 color description : Very dark desaturated blue.

The hexadecimal color #2a4868 has RGB values of R:42, G:72, B:104 and CMYK values of C:0.6, M:0.31, Y:0, K:0.59. Its decimal value is 2771048.

Hex triplet	2a4868	`#2a4868`
RGB Decimal	42, 72, 104	`rgb(42,72,104)`
RGB Percent	16.5, 28.2, 40.8	`rgb(16.5%,28.2%,40.8%)`
CMYK	60, 31, 0, 59
HSL	211°, 42.5, 28.6	`hsl(211,42.5%,28.6%)`
HSV (or HSB)	211°, 59.6, 40.8
Web Safe	333366	`#333366`

CIE-LAB	29.728, -0.593, -22.041
XYZ	5.77, 6.126, 13.974
xyY	0.223, 0.237, 6.126
CIE-LCH	29.728, 22.049, 268.46
CIE-LUV	29.728, -12.554, -28.345
Hunter-Lab	24.751, -1.7, -16.149
Binary	00101010, 01001000, 01101000

#2a4868
```
#2a4868 rgb(42,72,104)
```
#684a2a
```
#684a2a rgb(104,74,42)
```

Complementary Color

#2a6768
```
#2a6768 rgb(42,103,104)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#2b2a68
```
#2b2a68 rgb(43,42,104)
```

Analogous Color

#67682a
```
#67682a rgb(103,104,42)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#682b2a
```
#682b2a rgb(104,43,42)
```

Split Complementary Color

#48682a
```
#48682a rgb(72,104,42)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#682a48
```
#682a48 rgb(104,42,72)
```

Triadic Color

#2a684a
```
#2a684a rgb(42,104,74)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#682a48
```
#682a48 rgb(104,42,72)
```
#684a2a
```
#684a2a rgb(104,74,42)
```

Tetradic Color

#142232
```
#142232 rgb(20,34,50)
```
#1b2f44
```
#1b2f44 rgb(27,47,68)
```
#233b56
```
#233b56 rgb(35,59,86)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#31557a
```
#31557a rgb(49,85,122)
```
#39618c
```
#39618c rgb(57,97,140)
```
#406e9e
```
#406e9e rgb(64,110,158)
```

Monochromatic Color

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

#2a5868
```
#2a5868 rgb(42,88,104)
```
#2a5268
```
#2a5268 rgb(42,82,104)
```
#2a4d68
```
#2a4d68 rgb(42,77,104)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#2a4368
```
#2a4368 rgb(42,67,104)
```
#2a3e68
```
#2a3e68 rgb(42,62,104)
```
#2a3968
```
#2a3968 rgb(42,57,104)
```

Similar Colors

Text with hexadecimal color #2a4868

This text has a font color of #2a4868.

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

#2a4868 background color

This paragraph has a background color of #2a4868.

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

#2a4868 border color

This element has a border color of #2a4868.

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

CSS codes

.text {color:#2a4868;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1822
```
#0e1822 rgb(14,24,34)
```
#132130
```
#132130 rgb(19,33,48)
```
#192b3e
```
#192b3e rgb(25,43,62)
```
#1f354c
```
#1f354c rgb(31,53,76)
```
#243e5a
```
#243e5a rgb(36,62,90)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#305276
```
#305276 rgb(48,82,118)
```
#355b84
```
#355b84 rgb(53,91,132)
```
#3b6592
```
#3b6592 rgb(59,101,146)
```
#416fa0
```
#416fa0 rgb(65,111,160)
```
#4678ae
```
#4678ae rgb(70,120,174)
```

Shade Color Variation

#5082b8
```
#5082b8 rgb(80,130,184)
```
#5e8cbe
```
#5e8cbe rgb(94,140,190)
```
#6b96c3
```
#6b96c3 rgb(107,150,195)
```
#79a0c9
```
#79a0c9 rgb(121,160,201)
```
#87aacf
```
#87aacf rgb(135,170,207)
```
#95b4d4
```
#95b4d4 rgb(149,180,212)
```
#a3beda
```
#a3beda rgb(163,190,218)
```
#b1c8e0
```
#b1c8e0 rgb(177,200,224)
```
#bfd2e5
```
#bfd2e5 rgb(191,210,229)
```
#cddceb
```
#cddceb rgb(205,220,235)
```
#dbe6f1
```
#dbe6f1 rgb(219,230,241)
```
#e9f0f6
```
#e9f0f6 rgb(233,240,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46494c is the less saturated color, while #03478f is the most saturated one.

#46494c
```
#46494c rgb(70,73,76)
```
#404952
```
#404952 rgb(64,73,82)
```
#3b4957
```
#3b4957 rgb(59,73,87)
```
#35485d
```
#35485d rgb(53,72,93)
```
#304862
```
#304862 rgb(48,72,98)
```
#2a4868
```
#2a4868 rgb(42,72,104)
```
#24486e
```
#24486e rgb(36,72,110)
```
#1f4873
```
#1f4873 rgb(31,72,115)
```
#194779
```
#194779 rgb(25,71,121)
```
#14477e
```
#14477e rgb(20,71,126)
```
#0e4784
```
#0e4784 rgb(14,71,132)
```
#08478a
```
#08478a rgb(8,71,138)
```
#03478f
```
#03478f rgb(3,71,143)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#454e6d Protanopia 1% of men
#404f70 Deuteranopia 1% of men
#2b555b Tritanopia 0.001% of the population

Trichromacy

#3b4c6b Protanomaly 1% of men, 0.01% of women
#384c6d Deuteranomaly 6% of men, 0.4% of women
#2a5060 Tritanomaly 0.01% of the population

#2a4868 hex color

#2a4868 Color Information

#2a4868 Color Conversion

Color Schemes with #2a4868

Alternatives to #2a4868

#2a4868 Preview

Shades and Tints of #2a4868

Tones of #2a4868

Color Blindness Simulator