#2a4477 hex color

In a RGB color space, hex #2a4477 is composed of 16.5% red, 26.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 42.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 219.7 degrees, a saturation of 47.8% and a lightness of 31.6%. #2a4477 color hex could be obtained by blending #5488ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 27
- B 47
RGB color chart
- C 65
- M 43
- Y 0
- K 53
CMYK color chart

● #2a4477 color description : Dark moderate blue.

The hexadecimal color #2a4477 has RGB values of R:42, G:68, B:119 and CMYK values of C:0.65, M:0.43, Y:0, K:0.53. Its decimal value is 2770039.

Hex triplet	2a4477	`#2a4477`
RGB Decimal	42, 68, 119	`rgb(42,68,119)`
RGB Percent	16.5, 26.7, 46.7	`rgb(16.5%,26.7%,46.7%)`
CMYK	65, 43, 0, 53
HSL	219.7°, 47.8, 31.6	`hsl(219.7,47.8%,31.6%)`
HSV (or HSB)	219.7°, 64.7, 46.7
Web Safe	333366	`#333366`

CIE-LAB	29.306, 7.609, -32.192
XYZ	6.351, 5.958, 18.267
xyY	0.208, 0.195, 5.958
CIE-LCH	29.306, 33.079, 283.299
CIE-LUV	29.306, -11.074, -42.707
Hunter-Lab	24.409, 3.728, -27.285
Binary	00101010, 01000100, 01110111

#2a4477
```
#2a4477 rgb(42,68,119)
```
#775d2a
```
#775d2a rgb(119,93,42)
```

Complementary Color

#2a6b77
```
#2a6b77 rgb(42,107,119)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#372a77
```
#372a77 rgb(55,42,119)
```

Analogous Color

#6b772a
```
#6b772a rgb(107,119,42)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#77362a
```
#77362a rgb(119,54,42)
```

Split Complementary Color

#44772a
```
#44772a rgb(68,119,42)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#772a44
```
#772a44 rgb(119,42,68)
```

Triadic Color

#2a775d
```
#2a775d rgb(42,119,93)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#772a44
```
#772a44 rgb(119,42,68)
```
#775d2a
```
#775d2a rgb(119,93,42)
```

Tetradic Color

#16243e
```
#16243e rgb(22,36,62)
```
#1d2e51
```
#1d2e51 rgb(29,46,81)
```
#233964
```
#233964 rgb(35,57,100)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#314f8a
```
#314f8a rgb(49,79,138)
```
#375a9d
```
#375a9d rgb(55,90,157)
```
#3e64b0
```
#3e64b0 rgb(62,100,176)
```

Monochromatic Color

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

#2a5777
```
#2a5777 rgb(42,87,119)
```
#2a5177
```
#2a5177 rgb(42,81,119)
```
#2a4a77
```
#2a4a77 rgb(42,74,119)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#2a3e77
```
#2a3e77 rgb(42,62,119)
```
#2a3777
```
#2a3777 rgb(42,55,119)
```
#2a3177
```
#2a3177 rgb(42,49,119)
```

Similar Colors

Text with hexadecimal color #2a4477

This text has a font color of #2a4477.

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

#2a4477 background color

This paragraph has a background color of #2a4477.

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

#2a4477 border color

This element has a border color of #2a4477.

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

CSS codes

.text {color:#2a4477;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060a12
```
#060a12 rgb(6,10,18)
```
#0b1220
```
#0b1220 rgb(11,18,32)
```
#101b2f
```
#101b2f rgb(16,27,47)
```
#16233d
```
#16233d rgb(22,35,61)
```
#1b2b4c
```
#1b2b4c rgb(27,43,76)
```
#20335a
```
#20335a rgb(32,51,90)
```
#253c69
```
#253c69 rgb(37,60,105)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#2f4c85
```
#2f4c85 rgb(47,76,133)
```
#345594
```
#345594 rgb(52,85,148)
```
#395da2
```
#395da2 rgb(57,93,162)
```
#3e65b1
```
#3e65b1 rgb(62,101,177)
```

Shade Color Variation

#466ebe
```
#466ebe rgb(70,110,190)
```
#5479c3
```
#5479c3 rgb(84,121,195)
```
#6385c8
```
#6385c8 rgb(99,133,200)
```
#7190cd
```
#7190cd rgb(113,144,205)
```
#809bd2
```
#809bd2 rgb(128,155,210)
```
#8ea7d7
```
#8ea7d7 rgb(142,167,215)
```
#9db2dc
```
#9db2dc rgb(157,178,220)
```
#abbde1
```
#abbde1 rgb(171,189,225)
```
#bac9e6
```
#bac9e6 rgb(186,201,230)
```
#c8d4ec
```
#c8d4ec rgb(200,212,236)
```
#d7dff1
```
#d7dff1 rgb(215,223,241)
```
#e5ebf6
```
#e5ebf6 rgb(229,235,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#4f5052
```
#4f5052 rgb(79,80,82)
```
#494e58
```
#494e58 rgb(73,78,88)
```
#434c5e
```
#434c5e rgb(67,76,94)
```
#3d4a64
```
#3d4a64 rgb(61,74,100)
```
#36486b
```
#36486b rgb(54,72,107)
```
#304671
```
#304671 rgb(48,70,113)
```
#2a4477
```
#2a4477 rgb(42,68,119)
```
#24427d
```
#24427d rgb(36,66,125)
```
#1e4083
```
#1e4083 rgb(30,64,131)
```
#173e8a
```
#173e8a rgb(23,62,138)
```
#113c90
```
#113c90 rgb(17,60,144)
```
#0b3a96
```
#0b3a96 rgb(11,58,150)
```
#05389c
```
#05389c rgb(5,56,156)
```

Tone Color Variation

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

Dichromacy

#384d7d Protanopia 1% of men
#2b4f7d Deuteranopia 1% of men
#1e555b Tritanopia 0.001% of the population

Trichromacy

#33497b Protanomaly 1% of men, 0.01% of women
#2a4b7b Deuteranomaly 6% of men, 0.4% of women
#224f65 Tritanomaly 0.01% of the population

#2a4477 hex color

#2a4477 Color Information

#2a4477 Color Conversion

Color Schemes with #2a4477

Alternatives to #2a4477

#2a4477 Preview

Shades and Tints of #2a4477

Tones of #2a4477

Color Blindness Simulator