#2a4681 hex color

In a RGB color space, hex #2a4681 is composed of 16.5% red, 27.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 45.7% magenta, 0% yellow and 49.4% black. It has a hue angle of 220.7 degrees, a saturation of 50.9% and a lightness of 33.5%. #2a4681 color hex could be obtained by blending #548cff with #000003. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 27
- B 51
RGB color chart
- C 67
- M 46
- Y 0
- K 49
CMYK color chart

● #2a4681 color description : Dark moderate blue.

The hexadecimal color #2a4681 has RGB values of R:42, G:70, B:129 and CMYK values of C:0.67, M:0.46, Y:0, K:0.49. Its decimal value is 2770561.

Hex triplet	2a4681	`#2a4681`
RGB Decimal	42, 70, 129	`rgb(42,70,129)`
RGB Percent	16.5, 27.5, 50.6	`rgb(16.5%,27.5%,50.6%)`
CMYK	67, 46, 0, 49
HSL	220.7°, 50.9, 33.5	`hsl(220.7,50.9%,33.5%)`
HSV (or HSB)	220.7°, 67.4, 50.6
Web Safe	333399	`#333399`

CIE-LAB	30.538, 10.049, -36.478
XYZ	7.107, 6.457, 21.64
xyY	0.202, 0.183, 6.457
CIE-LCH	30.538, 37.836, 285.402
CIE-LUV	30.538, -11.719, -49.316
Hunter-Lab	25.411, 5.452, -32.703
Binary	00101010, 01000110, 10000001

#2a4681
```
#2a4681 rgb(42,70,129)
```
#81652a
```
#81652a rgb(129,101,42)
```

Complementary Color

#2a7281
```
#2a7281 rgb(42,114,129)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#3a2a81
```
#3a2a81 rgb(58,42,129)
```

Analogous Color

#72812a
```
#72812a rgb(114,129,42)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#813a2a
```
#813a2a rgb(129,58,42)
```

Split Complementary Color

#46812a
```
#46812a rgb(70,129,42)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#812a46
```
#812a46 rgb(129,42,70)
```

Triadic Color

#2a8165
```
#2a8165 rgb(42,129,101)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#812a46
```
#812a46 rgb(129,42,70)
```
#81652a
```
#81652a rgb(129,101,42)
```

Tetradic Color

#172747
```
#172747 rgb(23,39,71)
```
#1d315b
```
#1d315b rgb(29,49,91)
```
#243c6e
```
#243c6e rgb(36,60,110)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#305094
```
#305094 rgb(48,80,148)
```
#375ba7
```
#375ba7 rgb(55,91,167)
```
#3d65bb
```
#3d65bb rgb(61,101,187)
```

Monochromatic Color

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

#2a5c81
```
#2a5c81 rgb(42,92,129)
```
#2a5581
```
#2a5581 rgb(42,85,129)
```
#2a4d81
```
#2a4d81 rgb(42,77,129)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#2a3f81
```
#2a3f81 rgb(42,63,129)
```
#2a3881
```
#2a3881 rgb(42,56,129)
```
#2a3081
```
#2a3081 rgb(42,48,129)
```

Similar Colors

Text with hexadecimal color #2a4681

This text has a font color of #2a4681.

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

#2a4681 background color

This paragraph has a background color of #2a4681.

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

#2a4681 border color

This element has a border color of #2a4681.

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

CSS codes

.text {color:#2a4681;}

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

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

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, #03060b is the darkest color, while #fbfcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#080e19
```
#080e19 rgb(8,14,25)
```
#0d1628
```
#0d1628 rgb(13,22,40)
```
#121e37
```
#121e37 rgb(18,30,55)
```
#172646
```
#172646 rgb(23,38,70)
```
#1c2e55
```
#1c2e55 rgb(28,46,85)
```
#203663
```
#203663 rgb(32,54,99)
```
#253e72
```
#253e72 rgb(37,62,114)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#2f4e90
```
#2f4e90 rgb(47,78,144)
```
#34569f
```
#34569f rgb(52,86,159)
```
#385ead
```
#385ead rgb(56,94,173)
```
#3d66bc
```
#3d66bc rgb(61,102,188)
```

Shade Color Variation

#4971c4
```
#4971c4 rgb(73,113,196)
```
#587cc9
```
#587cc9 rgb(88,124,201)
```
#6788cd
```
#6788cd rgb(103,136,205)
```
#7693d2
```
#7693d2 rgb(118,147,210)
```
#849fd7
```
#849fd7 rgb(132,159,215)
```
#93abdc
```
#93abdc rgb(147,171,220)
```
#a2b6e1
```
#a2b6e1 rgb(162,182,225)
```
#b1c2e6
```
#b1c2e6 rgb(177,194,230)
```
#c0cdea
```
#c0cdea rgb(192,205,234)
```
#ced9ef
```
#ced9ef rgb(206,217,239)
```
#dde5f4
```
#dde5f4 rgb(221,229,244)
```
#ecf0f9
```
#ecf0f9 rgb(236,240,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51545a is the less saturated color, while #0338a8 is the most saturated one.

#51545a
```
#51545a rgb(81,84,90)
```
#4b5260
```
#4b5260 rgb(75,82,96)
```
#444f67
```
#444f67 rgb(68,79,103)
```
#3e4d6d
```
#3e4d6d rgb(62,77,109)
```
#374b74
```
#374b74 rgb(55,75,116)
```
#31487a
```
#31487a rgb(49,72,122)
```
#2a4681
```
#2a4681 rgb(42,70,129)
```
#234488
```
#234488 rgb(35,68,136)
```
#1d418e
```
#1d418e rgb(29,65,142)
```
#163f95
```
#163f95 rgb(22,63,149)
```
#103d9b
```
#103d9b rgb(16,61,155)
```
#093aa2
```
#093aa2 rgb(9,58,162)
```
#0338a8
```
#0338a8 rgb(3,56,168)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#354f87 Protanopia 1% of men
#205286 Deuteranopia 1% of men
#0f595f Tritanopia 0.001% of the population

Trichromacy

#314c85 Protanomaly 1% of men, 0.01% of women
#234d84 Deuteranomaly 6% of men, 0.4% of women
#19526b Tritanomaly 0.01% of the population

#2a4681 hex color

#2a4681 Color Information

#2a4681 Color Conversion

Color Schemes with #2a4681

Alternatives to #2a4681

#2a4681 Preview

Shades and Tints of #2a4681

Tones of #2a4681

Color Blindness Simulator