#2a4089 hex color

In a RGB color space, hex #2a4089 is composed of 16.5% red, 25.1% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 53.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 226.1 degrees, a saturation of 53.1% and a lightness of 35.1%. #2a4089 color hex could be obtained by blending #5480ff with #000013. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 25
- B 54
RGB color chart
- C 69
- M 53
- Y 0
- K 46
CMYK color chart

● #2a4089 color description : Dark moderate blue.

The hexadecimal color #2a4089 has RGB values of R:42, G:64, B:137 and CMYK values of C:0.69, M:0.53, Y:0, K:0.46. Its decimal value is 2769033.

Hex triplet	2a4089	`#2a4089`
RGB Decimal	42, 64, 137	`rgb(42,64,137)`
RGB Percent	16.5, 25.1, 53.7	`rgb(16.5%,25.1%,53.7%)`
CMYK	69, 53, 0, 46
HSL	226.1°, 53.1, 35.1	`hsl(226.1,53.1%,35.1%)`
HSV (or HSB)	226.1°, 69.3, 53.7
Web Safe	333399	`#333399`

CIE-LAB	29.323, 17.202, -43.39
XYZ	7.303, 5.965, 24.432
xyY	0.194, 0.158, 5.965
CIE-LCH	29.323, 46.675, 291.626
CIE-LUV	29.323, -9.943, -58.204
Hunter-Lab	24.423, 10.633, -42.216
Binary	00101010, 01000000, 10001001

#2a4089
```
#2a4089 rgb(42,64,137)
```
#89732a
```
#89732a rgb(137,115,42)
```

Complementary Color

#2a7089
```
#2a7089 rgb(42,112,137)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#432a89
```
#432a89 rgb(67,42,137)
```

Analogous Color

#70892a
```
#70892a rgb(112,137,42)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#89442a
```
#89442a rgb(137,68,42)
```

Split Complementary Color

#40892a
```
#40892a rgb(64,137,42)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#892a40
```
#892a40 rgb(137,42,64)
```

Triadic Color

#2a8973
```
#2a8973 rgb(42,137,115)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#892a40
```
#892a40 rgb(137,42,64)
```
#89732a
```
#89732a rgb(137,115,42)
```

Tetradic Color

#18254e
```
#18254e rgb(24,37,78)
```
#1e2e62
```
#1e2e62 rgb(30,46,98)
```
#243775
```
#243775 rgb(36,55,117)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#30499d
```
#30499d rgb(48,73,157)
```
#3652b0
```
#3652b0 rgb(54,82,176)
```
#3c5bc3
```
#3c5bc3 rgb(60,91,195)
```

Monochromatic Color

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

#2a5889
```
#2a5889 rgb(42,88,137)
```
#2a5089
```
#2a5089 rgb(42,80,137)
```
#2a4889
```
#2a4889 rgb(42,72,137)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#2a3889
```
#2a3889 rgb(42,56,137)
```
#2a3089
```
#2a3089 rgb(42,48,137)
```
#2c2a89
```
#2c2a89 rgb(44,42,137)
```

Similar Colors

Text with hexadecimal color #2a4089

This text has a font color of #2a4089.

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

#2a4089 background color

This paragraph has a background color of #2a4089.

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

#2a4089 border color

This element has a border color of #2a4089.

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

CSS codes

.text {color:#2a4089;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050811
```
#050811 rgb(5,8,17)
```
#0a0f20
```
#0a0f20 rgb(10,15,32)
```
#0e162f
```
#0e162f rgb(14,22,47)
```
#131d3e
```
#131d3e rgb(19,29,62)
```
#18244d
```
#18244d rgb(24,36,77)
```
#1c2b5c
```
#1c2b5c rgb(28,43,92)
```
#21326b
```
#21326b rgb(33,50,107)
```
#25397a
```
#25397a rgb(37,57,122)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#2f4798
```
#2f4798 rgb(47,71,152)
```
#334ea7
```
#334ea7 rgb(51,78,167)
```
#3855b6
```
#3855b6 rgb(56,85,182)
```

Shade Color Variation

#3e5dc4
```
#3e5dc4 rgb(62,93,196)
```
#4d69c8
```
#4d69c8 rgb(77,105,200)
```
#5c76cd
```
#5c76cd rgb(92,118,205)
```
#6b83d2
```
#6b83d2 rgb(107,131,210)
```
#7a8fd6
```
#7a8fd6 rgb(122,143,214)
```
#899cdb
```
#899cdb rgb(137,156,219)
```
#98a8df
```
#98a8df rgb(152,168,223)
```
#a7b5e4
```
#a7b5e4 rgb(167,181,228)
```
#b6c2e9
```
#b6c2e9 rgb(182,194,233)
```
#c5ceed
```
#c5ceed rgb(197,206,237)
```
#d4dbf2
```
#d4dbf2 rgb(212,219,242)
```
#e3e7f6
```
#e3e7f6 rgb(227,231,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535660 is the less saturated color, while #012ab2 is the most saturated one.

#535660
```
#535660 rgb(83,86,96)
```
#4c5267
```
#4c5267 rgb(76,82,103)
```
#464f6d
```
#464f6d rgb(70,79,109)
```
#3f4b74
```
#3f4b74 rgb(63,75,116)
```
#38477b
```
#38477b rgb(56,71,123)
```
#314482
```
#314482 rgb(49,68,130)
```
#2a4089
```
#2a4089 rgb(42,64,137)
```
#233c90
```
#233c90 rgb(35,60,144)
```
#1c3997
```
#1c3997 rgb(28,57,151)
```
#15359e
```
#15359e rgb(21,53,158)
```
#0e31a5
```
#0e31a5 rgb(14,49,165)
```
#082eab
```
#082eab rgb(8,46,171)
```
#012ab2
```
#012ab2 rgb(1,42,178)
```

Tone Color Variation

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

Dichromacy

#1d4c91 Protanopia 1% of men
#005084 Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#21478e Protanomaly 1% of men, 0.01% of women
#0f4a86 Deuteranomaly 6% of men, 0.4% of women
#0f4e6c Tritanomaly 0.01% of the population

#2a4089 hex color

#2a4089 Color Information

#2a4089 Color Conversion

Color Schemes with #2a4089

Alternatives to #2a4089

#2a4089 Preview

Shades and Tints of #2a4089

Tones of #2a4089

Color Blindness Simulator