#2a4482 hex color

In a RGB color space, hex #2a4482 is composed of 16.5% red, 26.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 47.7% magenta, 0% yellow and 49% black. It has a hue angle of 222.3 degrees, a saturation of 51.2% and a lightness of 33.7%. #2a4482 color hex could be obtained by blending #5488ff with #000005. Closest websafe color is: #333399.

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

● #2a4482 color description : Dark moderate blue.

The hexadecimal color #2a4482 has RGB values of R:42, G:68, B:130 and CMYK values of C:0.68, M:0.48, Y:0, K:0.49. Its decimal value is 2770050.

Hex triplet	2a4482	`#2a4482`
RGB Decimal	42, 68, 130	`rgb(42,68,130)`
RGB Percent	16.5, 26.7, 51	`rgb(16.5%,26.7%,51%)`
CMYK	68, 48, 0, 49
HSL	222.3°, 51.2, 33.7	`hsl(222.3,51.2%,33.7%)`
HSV (or HSB)	222.3°, 67.7, 51
Web Safe	333399	`#333399`

CIE-LAB	30.005, 11.789, -37.953
XYZ	7.05, 6.238, 21.95
xyY	0.2, 0.177, 6.238
CIE-LCH	30.005, 39.742, 287.256
CIE-LUV	30.005, -11.089, -51.135
Hunter-Lab	24.976, 6.682, -34.626
Binary	00101010, 01000100, 10000010

#2a4482
```
#2a4482 rgb(42,68,130)
```
#82682a
```
#82682a rgb(130,104,42)
```

Complementary Color

#2a7082
```
#2a7082 rgb(42,112,130)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#3c2a82
```
#3c2a82 rgb(60,42,130)
```

Analogous Color

#70822a
```
#70822a rgb(112,130,42)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#823c2a
```
#823c2a rgb(130,60,42)
```

Split Complementary Color

#44822a
```
#44822a rgb(68,130,42)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#822a44
```
#822a44 rgb(130,42,68)
```

Triadic Color

#2a8268
```
#2a8268 rgb(42,130,104)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#822a44
```
#822a44 rgb(130,42,68)
```
#82682a
```
#82682a rgb(130,104,42)
```

Tetradic Color

#172648
```
#172648 rgb(23,38,72)
```
#1e305b
```
#1e305b rgb(30,48,91)
```
#243a6f
```
#243a6f rgb(36,58,111)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#304e95
```
#304e95 rgb(48,78,149)
```
#3658a9
```
#3658a9 rgb(54,88,169)
```
#3d62bc
```
#3d62bc rgb(61,98,188)
```

Monochromatic Color

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

#2a5a82
```
#2a5a82 rgb(42,90,130)
```
#2a5382
```
#2a5382 rgb(42,83,130)
```
#2a4b82
```
#2a4b82 rgb(42,75,130)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#2a3d82
```
#2a3d82 rgb(42,61,130)
```
#2a3582
```
#2a3582 rgb(42,53,130)
```
#2a2e82
```
#2a2e82 rgb(42,46,130)
```

Similar Colors

Text with hexadecimal color #2a4482

This text has a font color of #2a4482.

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

#2a4482 background color

This paragraph has a background color of #2a4482.

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

#2a4482 border color

This element has a border color of #2a4482.

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

CSS codes

.text {color:#2a4482;}

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

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

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, #04060b is the darkest color, while #fcfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#080e1a
```
#080e1a rgb(8,14,26)
```
#0d1529
```
#0d1529 rgb(13,21,41)
```
#121d38
```
#121d38 rgb(18,29,56)
```
#172547
```
#172547 rgb(23,37,71)
```
#1c2d56
```
#1c2d56 rgb(28,45,86)
```
#203464
```
#203464 rgb(32,52,100)
```
#253c73
```
#253c73 rgb(37,60,115)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#2f4c91
```
#2f4c91 rgb(47,76,145)
```
#3454a0
```
#3454a0 rgb(52,84,160)
```
#385bae
```
#385bae rgb(56,91,174)
```
#3d63bd
```
#3d63bd rgb(61,99,189)
```

Shade Color Variation

#4a6ec4
```
#4a6ec4 rgb(74,110,196)
```
#587ac9
```
#587ac9 rgb(88,122,201)
```
#6786ce
```
#6786ce rgb(103,134,206)
```
#7692d3
```
#7692d3 rgb(118,146,211)
```
#859dd8
```
#859dd8 rgb(133,157,216)
```
#94a9dc
```
#94a9dc rgb(148,169,220)
```
#a3b5e1
```
#a3b5e1 rgb(163,181,225)
```
#b1c1e6
```
#b1c1e6 rgb(177,193,230)
```
#c0cdeb
```
#c0cdeb rgb(192,205,235)
```
#cfd9f0
```
#cfd9f0 rgb(207,217,240)
```
#dee5f4
```
#dee5f4 rgb(222,229,244)
```
#edf0f9
```
#edf0f9 rgb(237,240,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52545a is the less saturated color, while #0234aa is the most saturated one.

#52545a
```
#52545a rgb(82,84,90)
```
#4b5261
```
#4b5261 rgb(75,82,97)
```
#444f68
```
#444f68 rgb(68,79,104)
```
#3e4c6e
```
#3e4c6e rgb(62,76,110)
```
#374975
```
#374975 rgb(55,73,117)
```
#31477b
```
#31477b rgb(49,71,123)
```
#2a4482
```
#2a4482 rgb(42,68,130)
```
#234189
```
#234189 rgb(35,65,137)
```
#1d3f8f
```
#1d3f8f rgb(29,63,143)
```
#163c96
```
#163c96 rgb(22,60,150)
```
#10399c
```
#10399c rgb(16,57,156)
```
#0936a3
```
#0936a3 rgb(9,54,163)
```
#0234aa
```
#0234aa rgb(2,52,170)
```

Tone Color Variation

Below, you can see how #2a4482 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
#3e4350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#304e89 Protanopia 1% of men
#145186 Deuteranopia 1% of men
#06585e Tritanopia 0.001% of the population

Trichromacy

#2e4a86 Protanomaly 1% of men, 0.01% of women
#1c4c85 Deuteranomaly 6% of men, 0.4% of women
#13506b Tritanomaly 0.01% of the population

#2a4482 hex color

#2a4482 Color Information

#2a4482 Color Conversion

Color Schemes with #2a4482

Alternatives to #2a4482

#2a4482 Preview

Shades and Tints of #2a4482

Tones of #2a4482

Color Blindness Simulator