#2a229a hex color

In a RGB color space, hex #2a229a is composed of 16.5% red, 13.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 77.9% magenta, 0% yellow and 39.6% black. It has a hue angle of 244 degrees, a saturation of 63.8% and a lightness of 36.9%. #2a229a color hex could be obtained by blending #5444ff with #000035. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 13
- B 60
RGB color chart
- C 73
- M 78
- Y 0
- K 40
CMYK color chart

● #2a229a color description : Dark blue.

The hexadecimal color #2a229a has RGB values of R:42, G:34, B:154 and CMYK values of C:0.73, M:0.78, Y:0, K:0.4. Its decimal value is 2761370.

Hex triplet	2a229a	`#2a229a`
RGB Decimal	42, 34, 154	`rgb(42,34,154)`
RGB Percent	16.5, 13.3, 60.4	`rgb(16.5%,13.3%,60.4%)`
CMYK	73, 78, 0, 40
HSL	244°, 63.8, 36.9	`hsl(244,63.8%,36.9%)`
HSV (or HSB)	244°, 77.9, 60.4
Web Safe	333399	`#333399`

CIE-LAB	23.569, 42.547, -63.277
XYZ	7.358, 3.969, 30.948
xyY	0.174, 0.094, 3.969
CIE-LCH	23.569, 76.251, 303.916
CIE-LUV	23.569, -4.16, -74.979
Hunter-Lab	19.922, 31.066, -78.159
Binary	00101010, 00100010, 10011010

#2a229a
```
#2a229a rgb(42,34,154)
```
#929a22
```
#929a22 rgb(146,154,34)
```

Complementary Color

#22569a
```
#22569a rgb(34,86,154)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#66229a
```
#66229a rgb(102,34,154)
```

Analogous Color

#569a22
```
#569a22 rgb(86,154,34)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#9a6622
```
#9a6622 rgb(154,102,34)
```

Split Complementary Color

#229a2a
```
#229a2a rgb(34,154,42)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#9a2a22
```
#9a2a22 rgb(154,42,34)
```

Triadic Color

#22929a
```
#22929a rgb(34,146,154)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#9a2a22
```
#9a2a22 rgb(154,42,34)
```
#929a22
```
#929a22 rgb(146,154,34)
```

Tetradic Color

#19145b
```
#19145b rgb(25,20,91)
```
#1f1970
```
#1f1970 rgb(31,25,112)
```
#241d85
```
#241d85 rgb(36,29,133)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#3027af
```
#3027af rgb(48,39,175)
```
#352bc4
```
#352bc4 rgb(53,43,196)
```
#4036d3
```
#4036d3 rgb(64,54,211)
```

Monochromatic Color

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

#22389a
```
#22389a rgb(34,56,154)
```
#222e9a
```
#222e9a rgb(34,46,154)
```
#22249a
```
#22249a rgb(34,36,154)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#34229a
```
#34229a rgb(52,34,154)
```
#3e229a
```
#3e229a rgb(62,34,154)
```
#48229a
```
#48229a rgb(72,34,154)
```

Similar Colors

Text with hexadecimal color #2a229a

This text has a font color of #2a229a.

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

#2a229a background color

This paragraph has a background color of #2a229a.

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

#2a229a border color

This element has a border color of #2a229a.

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

CSS codes

.text {color:#2a229a;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#070619
```
#070619 rgb(7,6,25)
```
#0b092a
```
#0b092a rgb(11,9,42)
```
#100d3a
```
#100d3a rgb(16,13,58)
```
#14104a
```
#14104a rgb(20,16,74)
```
#18145a
```
#18145a rgb(24,20,90)
```
#1d176a
```
#1d176a rgb(29,23,106)
```
#211b7a
```
#211b7a rgb(33,27,122)
```
#261e8a
```
#261e8a rgb(38,30,138)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#2e26aa
```
#2e26aa rgb(46,38,170)
```
#3329ba
```
#3329ba rgb(51,41,186)
```
#372dca
```
#372dca rgb(55,45,202)
```

Shade Color Variation

#4238d3
```
#4238d3 rgb(66,56,211)
```
#5148d7
```
#5148d7 rgb(81,72,215)
```
#6058da
```
#6058da rgb(96,88,218)
```
#7068de
```
#7068de rgb(112,104,222)
```
#7f78e1
```
#7f78e1 rgb(127,120,225)
```
#8e88e5
```
#8e88e5 rgb(142,136,229)
```
#9d98e8
```
#9d98e8 rgb(157,152,232)
```
#ada8ec
```
#ada8ec rgb(173,168,236)
```
#bcb8ef
```
#bcb8ef rgb(188,184,239)
```
#cbc8f3
```
#cbc8f3 rgb(203,200,243)
```
#dad8f6
```
#dad8f6 rgb(218,216,246)
```
#e9e8fa
```
#e9e8fa rgb(233,232,250)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#5c5c60
```
#5c5c60 rgb(92,92,96)
```
#565567
```
#565567 rgb(86,85,103)
```
#504d6f
```
#504d6f rgb(80,77,111)
```
#494676
```
#494676 rgb(73,70,118)
```
#433f7d
```
#433f7d rgb(67,63,125)
```
#3d3884
```
#3d3884 rgb(61,56,132)
```
#37308c
```
#37308c rgb(55,48,140)
```
#302993
```
#302993 rgb(48,41,147)
```
#2a229a
```
#2a229a rgb(42,34,154)
```
#241ba1
```
#241ba1 rgb(36,27,161)
```
#1d14a8
```
#1d14a8 rgb(29,20,168)
```
#170cb0
```
#170cb0 rgb(23,12,176)
```
#1105b7
```
#1105b7 rgb(17,5,183)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#302f47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#0f3587 Protanomaly 1% of men, 0.01% of women
#0f377d Deuteranomaly 6% of men, 0.4% of women
#0f3a68 Tritanomaly 0.01% of the population

#2a229a hex color

#2a229a Color Information

#2a229a Color Conversion

Color Schemes with #2a229a

Alternatives to #2a229a

#2a229a Preview

Shades and Tints of #2a229a

Tones of #2a229a

Color Blindness Simulator