#2a4284 hex color

In a RGB color space, hex #2a4284 is composed of 16.5% red, 25.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 50% magenta, 0% yellow and 48.2% black. It has a hue angle of 224 degrees, a saturation of 51.7% and a lightness of 34.1%. #2a4284 color hex could be obtained by blending #5484ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 26
- B 52
RGB color chart
- C 68
- M 50
- Y 0
- K 48
CMYK color chart

● #2a4284 color description : Dark moderate blue.

The hexadecimal color #2a4284 has RGB values of R:42, G:66, B:132 and CMYK values of C:0.68, M:0.5, Y:0, K:0.48. Its decimal value is 2769540.

Hex triplet	2a4284	`#2a4284`
RGB Decimal	42, 66, 132	`rgb(42,66,132)`
RGB Percent	16.5, 25.9, 51.8	`rgb(16.5%,25.9%,51.8%)`
CMYK	68, 50, 0, 48
HSL	224°, 51.7, 34.1	`hsl(224,51.7%,34.1%)`
HSV (or HSB)	224°, 68.2, 51.8
Web Safe	333399	`#333399`

CIE-LAB	29.549, 13.919, -39.927
XYZ	7.067, 6.054, 22.625
xyY	0.198, 0.169, 6.054
CIE-LCH	29.549, 42.284, 289.219
CIE-LUV	29.549, -10.486, -53.629
Hunter-Lab	24.605, 8.209, -37.294
Binary	00101010, 01000010, 10000100

#2a4284
```
#2a4284 rgb(42,66,132)
```
#846c2a
```
#846c2a rgb(132,108,42)
```

Complementary Color

#2a6f84
```
#2a6f84 rgb(42,111,132)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#3f2a84
```
#3f2a84 rgb(63,42,132)
```

Analogous Color

#6f842a
```
#6f842a rgb(111,132,42)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#843f2a
```
#843f2a rgb(132,63,42)
```

Split Complementary Color

#42842a
```
#42842a rgb(66,132,42)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#842a42
```
#842a42 rgb(132,42,66)
```

Triadic Color

#2a846c
```
#2a846c rgb(42,132,108)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#842a42
```
#842a42 rgb(132,42,66)
```
#846c2a
```
#846c2a rgb(132,108,42)
```

Tetradic Color

#18254a
```
#18254a rgb(24,37,74)
```
#1e2f5d
```
#1e2f5d rgb(30,47,93)
```
#243871
```
#243871 rgb(36,56,113)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#304c97
```
#304c97 rgb(48,76,151)
```
#3655ab
```
#3655ab rgb(54,85,171)
```
#3c5fbe
```
#3c5fbe rgb(60,95,190)
```

Monochromatic Color

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

#2a5984
```
#2a5984 rgb(42,89,132)
```
#2a5184
```
#2a5184 rgb(42,81,132)
```
#2a4a84
```
#2a4a84 rgb(42,74,132)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#2a3b84
```
#2a3b84 rgb(42,59,132)
```
#2a3384
```
#2a3384 rgb(42,51,132)
```
#2a2c84
```
#2a2c84 rgb(42,44,132)
```

Similar Colors

Text with hexadecimal color #2a4284

This text has a font color of #2a4284.

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

#2a4284 background color

This paragraph has a background color of #2a4284.

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

#2a4284 border color

This element has a border color of #2a4284.

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

CSS codes

.text {color:#2a4284;}

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

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

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

#04060d
```
#04060d rgb(4,6,13)
```
#090e1c
```
#090e1c rgb(9,14,28)
```
#0e152b
```
#0e152b rgb(14,21,43)
```
#121d3a
```
#121d3a rgb(18,29,58)
```
#172448
```
#172448 rgb(23,36,72)
```
#1c2c57
```
#1c2c57 rgb(28,44,87)
```
#213366
```
#213366 rgb(33,51,102)
```
#253b75
```
#253b75 rgb(37,59,117)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#2f4993
```
#2f4993 rgb(47,73,147)
```
#3351a2
```
#3351a2 rgb(51,81,162)
```
#3858b1
```
#3858b1 rgb(56,88,177)
```
#3d60c0
```
#3d60c0 rgb(61,96,192)
```

Shade Color Variation

#4b6bc6
```
#4b6bc6 rgb(75,107,198)
```
#5977ca
```
#5977ca rgb(89,119,202)
```
#6884cf
```
#6884cf rgb(104,132,207)
```
#7790d4
```
#7790d4 rgb(119,144,212)
```
#869cd9
```
#869cd9 rgb(134,156,217)
```
#95a8dd
```
#95a8dd rgb(149,168,221)
```
#a4b4e2
```
#a4b4e2 rgb(164,180,226)
```
#b3c1e7
```
#b3c1e7 rgb(179,193,231)
```
#c2cdeb
```
#c2cdeb rgb(194,205,235)
```
#d0d9f0
```
#d0d9f0 rgb(208,217,240)
```
#dfe5f5
```
#dfe5f5 rgb(223,229,245)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#52555c
```
#52555c rgb(82,85,92)
```
#4b5263
```
#4b5263 rgb(75,82,99)
```
#454e69
```
#454e69 rgb(69,78,105)
```
#3e4b70
```
#3e4b70 rgb(62,75,112)
```
#374877
```
#374877 rgb(55,72,119)
```
#31457d
```
#31457d rgb(49,69,125)
```
#2a4284
```
#2a4284 rgb(42,66,132)
```
#233f8b
```
#233f8b rgb(35,63,139)
```
#1d3c91
```
#1d3c91 rgb(29,60,145)
```
#163998
```
#163998 rgb(22,57,152)
```
#0f369f
```
#0f369f rgb(15,54,159)
```
#0932a5
```
#0932a5 rgb(9,50,165)
```
#022fac
```
#022fac rgb(2,47,172)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d424f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a4d8b Protanopia 1% of men
#005086 Deuteranopia 1% of men
#00565d Tritanopia 0.001% of the population

Trichromacy

#2a4988 Protanomaly 1% of men, 0.01% of women
#0f4b85 Deuteranomaly 6% of men, 0.4% of women
#0f4f6b Tritanomaly 0.01% of the population

#2a4284 hex color

#2a4284 Color Information

#2a4284 Color Conversion

Color Schemes with #2a4284

Alternatives to #2a4284

#2a4284 Preview

Shades and Tints of #2a4284

Tones of #2a4284

Color Blindness Simulator