#2a448e hex color

In a RGB color space, hex #2a448e is composed of 16.5% red, 26.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 52.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 224.4 degrees, a saturation of 54.3% and a lightness of 36.1%. #2a448e color hex could be obtained by blending #5488ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 27
- B 56
RGB color chart
- C 70
- M 52
- Y 0
- K 44
CMYK color chart

● #2a448e color description : Dark blue.

The hexadecimal color #2a448e has RGB values of R:42, G:68, B:142 and CMYK values of C:0.7, M:0.52, Y:0, K:0.44. Its decimal value is 2770062.

Hex triplet	2a448e	`#2a448e`
RGB Decimal	42, 68, 142	`rgb(42,68,142)`
RGB Percent	16.5, 26.7, 55.7	`rgb(16.5%,26.7%,55.7%)`
CMYK	70, 52, 0, 44
HSL	224.4°, 54.3, 36.1	`hsl(224.4,54.3%,36.1%)`
HSV (or HSB)	224.4°, 70.4, 55.7
Web Safe	333399	`#333399`

CIE-LAB	30.829, 16.39, -44.042
XYZ	7.903, 6.579, 26.443
xyY	0.193, 0.161, 6.579
CIE-LCH	30.829, 46.993, 290.413
CIE-LUV	30.829, -11.141, -60.058
Hunter-Lab	25.65, 10.115, -43.17
Binary	00101010, 01000100, 10001110

#2a448e
```
#2a448e rgb(42,68,142)
```
#8e742a
```
#8e742a rgb(142,116,42)
```

Complementary Color

#2a768e
```
#2a768e rgb(42,118,142)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#422a8e
```
#422a8e rgb(66,42,142)
```

Analogous Color

#768e2a
```
#768e2a rgb(118,142,42)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#8e422a
```
#8e422a rgb(142,66,42)
```

Split Complementary Color

#448e2a
```
#448e2a rgb(68,142,42)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#8e2a44
```
#8e2a44 rgb(142,42,68)
```

Triadic Color

#2a8e74
```
#2a8e74 rgb(42,142,116)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#8e2a44
```
#8e2a44 rgb(142,42,68)
```
#8e742a
```
#8e742a rgb(142,116,42)
```

Tetradic Color

#192853
```
#192853 rgb(25,40,83)
```
#1e3167
```
#1e3167 rgb(30,49,103)
```
#243b7a
```
#243b7a rgb(36,59,122)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#304da2
```
#304da2 rgb(48,77,162)
```
#3657b5
```
#3657b5 rgb(54,87,181)
```
#3e62c6
```
#3e62c6 rgb(62,98,198)
```

Monochromatic Color

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

#2a5d8e
```
#2a5d8e rgb(42,93,142)
```
#2a558e
```
#2a558e rgb(42,85,142)
```
#2a4c8e
```
#2a4c8e rgb(42,76,142)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#2a3c8e
```
#2a3c8e rgb(42,60,142)
```
#2a338e
```
#2a338e rgb(42,51,142)
```
#2a2b8e
```
#2a2b8e rgb(42,43,142)
```

Similar Colors

Text with hexadecimal color #2a448e

This text has a font color of #2a448e.

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

#2a448e background color

This paragraph has a background color of #2a448e.

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

#2a448e border color

This element has a border color of #2a448e.

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

CSS codes

.text {color:#2a448e;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060a15
```
#060a15 rgb(6,10,21)
```
#0b1124
```
#0b1124 rgb(11,17,36)
```
#0f1933
```
#0f1933 rgb(15,25,51)
```
#142042
```
#142042 rgb(20,32,66)
```
#182751
```
#182751 rgb(24,39,81)
```
#1d2e61
```
#1d2e61 rgb(29,46,97)
```
#213670
```
#213670 rgb(33,54,112)
```
#263d7f
```
#263d7f rgb(38,61,127)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#2e4b9d
```
#2e4b9d rgb(46,75,157)
```
#3352ac
```
#3352ac rgb(51,82,172)
```
#375abb
```
#375abb rgb(55,90,187)
```

Shade Color Variation

#4063c6
```
#4063c6 rgb(64,99,198)
```
#4f6fcb
```
#4f6fcb rgb(79,111,203)
```
#5e7ccf
```
#5e7ccf rgb(94,124,207)
```
#6d88d4
```
#6d88d4 rgb(109,136,212)
```
#7d94d8
```
#7d94d8 rgb(125,148,216)
```
#8ca1dd
```
#8ca1dd rgb(140,161,221)
```
#9bade1
```
#9bade1 rgb(155,173,225)
```
#aabae6
```
#aabae6 rgb(170,186,230)
```
#b9c6ea
```
#b9c6ea rgb(185,198,234)
```
#c8d2ef
```
#c8d2ef rgb(200,210,239)
```
#d7dff3
```
#d7dff3 rgb(215,223,243)
```
#e6ebf8
```
#e6ebf8 rgb(230,235,248)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#545864
```
#545864 rgb(84,88,100)
```
#4d556b
```
#4d556b rgb(77,85,107)
```
#465272
```
#465272 rgb(70,82,114)
```
#3f4e79
```
#3f4e79 rgb(63,78,121)
```
#384b80
```
#384b80 rgb(56,75,128)
```
#314787
```
#314787 rgb(49,71,135)
```
#2a448e
```
#2a448e rgb(42,68,142)
```
#234195
```
#234195 rgb(35,65,149)
```
#1c3d9c
```
#1c3d9c rgb(28,61,156)
```
#153aa3
```
#153aa3 rgb(21,58,163)
```
#0e36aa
```
#0e36aa rgb(14,54,170)
```
#0733b1
```
#0733b1 rgb(7,51,177)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#224f95 Protanopia 1% of men
#00538a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#254b92 Protanomaly 1% of men, 0.01% of women
#0f4d8b Deuteranomaly 6% of men, 0.4% of women
#0f5270 Tritanomaly 0.01% of the population

#2a448e hex color

#2a448e Color Information

#2a448e Color Conversion

Color Schemes with #2a448e

Alternatives to #2a448e

#2a448e Preview

Shades and Tints of #2a448e

Tones of #2a448e

Color Blindness Simulator