#2a4b83 hex color

In a RGB color space, hex #2a4b83 is composed of 16.5% red, 29.4% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 42.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 217.8 degrees, a saturation of 51.4% and a lightness of 33.9%. #2a4b83 color hex could be obtained by blending #5496ff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 29
- B 51
RGB color chart
- C 68
- M 43
- Y 0
- K 49
CMYK color chart

● #2a4b83 color description : Dark moderate blue.

The hexadecimal color #2a4b83 has RGB values of R:42, G:75, B:131 and CMYK values of C:0.68, M:0.43, Y:0, K:0.49. Its decimal value is 2771843.

Hex triplet	2a4b83	`#2a4b83`
RGB Decimal	42, 75, 131	`rgb(42,75,131)`
RGB Percent	16.5, 29.4, 51.4	`rgb(16.5%,29.4%,51.4%)`
CMYK	68, 43, 0, 49
HSL	217.8°, 51.4, 33.9	`hsl(217.8,51.4%,33.9%)`
HSV (or HSB)	217.8°, 67.9, 51.4
Web Safe	333399	`#333399`

CIE-LAB	32.174, 7.446, -35.104
XYZ	7.567, 7.163, 22.455
xyY	0.203, 0.193, 7.163
CIE-LCH	32.174, 35.885, 281.975
CIE-LUV	32.174, -13.333, -48.043
Hunter-Lab	26.763, 3.632, -31.013
Binary	00101010, 01001011, 10000011

#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#83622a
```
#83622a rgb(131,98,42)
```

Complementary Color

#2a7883
```
#2a7883 rgb(42,120,131)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#362a83
```
#362a83 rgb(54,42,131)
```

Analogous Color

#78832a
```
#78832a rgb(120,131,42)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#83362a
```
#83362a rgb(131,54,42)
```

Split Complementary Color

#4b832a
```
#4b832a rgb(75,131,42)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#832a4b
```
#832a4b rgb(131,42,75)
```

Triadic Color

#2a8362
```
#2a8362 rgb(42,131,98)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#832a4b
```
#832a4b rgb(131,42,75)
```
#83622a
```
#83622a rgb(131,98,42)
```

Tetradic Color

#172a49
```
#172a49 rgb(23,42,73)
```
#1e355c
```
#1e355c rgb(30,53,92)
```
#244070
```
#244070 rgb(36,64,112)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#305696
```
#305696 rgb(48,86,150)
```
#3661aa
```
#3661aa rgb(54,97,170)
```
#3d6cbd
```
#3d6cbd rgb(61,108,189)
```

Monochromatic Color

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

#2a6183
```
#2a6183 rgb(42,97,131)
```
#2a5a83
```
#2a5a83 rgb(42,90,131)
```
#2a5283
```
#2a5283 rgb(42,82,131)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#2a4483
```
#2a4483 rgb(42,68,131)
```
#2a3c83
```
#2a3c83 rgb(42,60,131)
```
#2a3583
```
#2a3583 rgb(42,53,131)
```

Similar Colors

Text with hexadecimal color #2a4b83

This text has a font color of #2a4b83.

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

#2a4b83 background color

This paragraph has a background color of #2a4b83.

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

#2a4b83 border color

This element has a border color of #2a4b83.

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

CSS codes

.text {color:#2a4b83;}

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

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

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0d182a
```
#0d182a rgb(13,24,42)
```
#122039
```
#122039 rgb(18,32,57)
```
#172948
```
#172948 rgb(23,41,72)
```
#1c3156
```
#1c3156 rgb(28,49,86)
```
#203a65
```
#203a65 rgb(32,58,101)
```
#254274
```
#254274 rgb(37,66,116)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#2f5492
```
#2f5492 rgb(47,84,146)
```
#345ca1
```
#345ca1 rgb(52,92,161)
```
#3865b0
```
#3865b0 rgb(56,101,176)
```
#3d6dbe
```
#3d6dbe rgb(61,109,190)
```

Shade Color Variation

#4a78c5
```
#4a78c5 rgb(74,120,197)
```
#5983ca
```
#5983ca rgb(89,131,202)
```
#688ecf
```
#688ecf rgb(104,142,207)
```
#7799d3
```
#7799d3 rgb(119,153,211)
```
#85a4d8
```
#85a4d8 rgb(133,164,216)
```
#94afdd
```
#94afdd rgb(148,175,221)
```
#a3bae2
```
#a3bae2 rgb(163,186,226)
```
#b2c5e6
```
#b2c5e6 rgb(178,197,230)
```
#c1d1eb
```
#c1d1eb rgb(193,209,235)
```
#d0dcf0
```
#d0dcf0 rgb(208,220,240)
```
#dfe7f5
```
#dfe7f5 rgb(223,231,245)
```
#edf2f9
```
#edf2f9 rgb(237,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52555b is the less saturated color, while #0241ab is the most saturated one.

#52555b
```
#52555b rgb(82,85,91)
```
#4b5462
```
#4b5462 rgb(75,84,98)
```
#455268
```
#455268 rgb(69,82,104)
```
#3e506f
```
#3e506f rgb(62,80,111)
```
#374e76
```
#374e76 rgb(55,78,118)
```
#314d7c
```
#314d7c rgb(49,77,124)
```
#2a4b83
```
#2a4b83 rgb(42,75,131)
```
#23498a
```
#23498a rgb(35,73,138)
```
#1d4890
```
#1d4890 rgb(29,72,144)
```
#164697
```
#164697 rgb(22,70,151)
```
#0f449e
```
#0f449e rgb(15,68,158)
```
#0942a4
```
#0942a4 rgb(9,66,164)
```
#0241ab
```
#0241ab rgb(2,65,171)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5388 Protanopia 1% of men
#2b5588 Deuteranopia 1% of men
#125d63 Tritanopia 0.001% of the population

Trichromacy

#355086 Protanomaly 1% of men, 0.01% of women
#2b5186 Deuteranomaly 6% of men, 0.4% of women
#1a566f Tritanomaly 0.01% of the population

#2a4b83 hex color

#2a4b83 Color Information

#2a4b83 Color Conversion

Color Schemes with #2a4b83

Alternatives to #2a4b83

#2a4b83 Preview

Shades and Tints of #2a4b83

Tones of #2a4b83

Color Blindness Simulator