#2a507a hex color

In a RGB color space, hex #2a507a is composed of 16.5% red, 31.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 34.4% magenta, 0% yellow and 52.2% black. It has a hue angle of 211.5 degrees, a saturation of 48.8% and a lightness of 32.2%. #2a507a color hex could be obtained by blending #54a0f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 31
- B 48
RGB color chart
- C 66
- M 34
- Y 0
- K 52
CMYK color chart

● #2a507a color description : Dark moderate blue.

The hexadecimal color #2a507a has RGB values of R:42, G:80, B:122 and CMYK values of C:0.66, M:0.34, Y:0, K:0.52. Its decimal value is 2773114.

Hex triplet	2a507a	`#2a507a`
RGB Decimal	42, 80, 122	`rgb(42,80,122)`
RGB Percent	16.5, 31.4, 47.8	`rgb(16.5%,31.4%,47.8%)`
CMYK	66, 34, 0, 52
HSL	211.5°, 48.8, 32.2	`hsl(211.5,48.8%,32.2%)`
HSV (or HSB)	211.5°, 65.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	33.209, 0.771, -27.887
XYZ	7.336, 7.634, 19.498
xyY	0.213, 0.221, 7.634
CIE-LCH	33.209, 27.898, 271.584
CIE-LUV	33.209, -15.17, -37.712
Hunter-Lab	27.63, -0.962, -22.499
Binary	00101010, 01010000, 01111010

#2a507a
```
#2a507a rgb(42,80,122)
```
#7a542a
```
#7a542a rgb(122,84,42)
```

Complementary Color

#2a787a
```
#2a787a rgb(42,120,122)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#2c2a7a
```
#2c2a7a rgb(44,42,122)
```

Analogous Color

#787a2a
```
#787a2a rgb(120,122,42)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#7a2c2a
```
#7a2c2a rgb(122,44,42)
```

Split Complementary Color

#507a2a
```
#507a2a rgb(80,122,42)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#7a2a50
```
#7a2a50 rgb(122,42,80)
```

Triadic Color

#2a7a54
```
#2a7a54 rgb(42,122,84)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#7a2a50
```
#7a2a50 rgb(122,42,80)
```
#7a542a
```
#7a542a rgb(122,84,42)
```

Tetradic Color

#162b41
```
#162b41 rgb(22,43,65)
```
#1d3754
```
#1d3754 rgb(29,55,84)
```
#234467
```
#234467 rgb(35,68,103)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#315c8d
```
#315c8d rgb(49,92,141)
```
#3769a0
```
#3769a0 rgb(55,105,160)
```
#3e75b3
```
#3e75b3 rgb(62,117,179)
```

Monochromatic Color

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

#2a647a
```
#2a647a rgb(42,100,122)
```
#2a5d7a
```
#2a5d7a rgb(42,93,122)
```
#2a577a
```
#2a577a rgb(42,87,122)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#2a497a
```
#2a497a rgb(42,73,122)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#2a3c7a
```
#2a3c7a rgb(42,60,122)
```

Similar Colors

Text with hexadecimal color #2a507a

This text has a font color of #2a507a.

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

#2a507a background color

This paragraph has a background color of #2a507a.

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

#2a507a border color

This element has a border color of #2a507a.

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

CSS codes

.text {color:#2a507a;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1722
```
#0c1722 rgb(12,23,34)
```
#112031
```
#112031 rgb(17,32,49)
```
#162a40
```
#162a40 rgb(22,42,64)
```
#1b334e
```
#1b334e rgb(27,51,78)
```
#203d5d
```
#203d5d rgb(32,61,93)
```
#25466b
```
#25466b rgb(37,70,107)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#2f5a89
```
#2f5a89 rgb(47,90,137)
```
#346397
```
#346397 rgb(52,99,151)
```
#396da6
```
#396da6 rgb(57,109,166)
```
#3e76b4
```
#3e76b4 rgb(62,118,180)
```

Shade Color Variation

#4780c0
```
#4780c0 rgb(71,128,192)
```
#558ac5
```
#558ac5 rgb(85,138,197)
```
#6494ca
```
#6494ca rgb(100,148,202)
```
#729ecf
```
#729ecf rgb(114,158,207)
```
#81a8d4
```
#81a8d4 rgb(129,168,212)
```
#90b2d9
```
#90b2d9 rgb(144,178,217)
```
#9ebcde
```
#9ebcde rgb(158,188,222)
```
#adc6e3
```
#adc6e3 rgb(173,198,227)
```
#bbd0e8
```
#bbd0e8 rgb(187,208,232)
```
#cadaed
```
#cadaed rgb(202,218,237)
```
#d8e4f2
```
#d8e4f2 rgb(216,228,242)
```
#e7eff7
```
#e7eff7 rgb(231,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#505254
```
#505254 rgb(80,82,84)
```
#4a525a
```
#4a525a rgb(74,82,90)
```
#435161
```
#435161 rgb(67,81,97)
```
#3d5167
```
#3d5167 rgb(61,81,103)
```
#37516d
```
#37516d rgb(55,81,109)
```
#305074
```
#305074 rgb(48,80,116)
```
#2a507a
```
#2a507a rgb(42,80,122)
```
#245080
```
#245080 rgb(36,80,128)
```
#1d4f87
```
#1d4f87 rgb(29,79,135)
```
#174f8d
```
#174f8d rgb(23,79,141)
```
#114f93
```
#114f93 rgb(17,79,147)
```
#0a4e9a
```
#0a4e9a rgb(10,78,154)
```
#044ea0
```
#044ea0 rgb(4,78,160)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48557e Protanopia 1% of men
#3f5781 Deuteranopia 1% of men
#225e65 Tritanopia 0.001% of the population

Trichromacy

#3d537c Protanomaly 1% of men, 0.01% of women
#37547e Deuteranomaly 6% of men, 0.4% of women
#25596d Tritanomaly 0.01% of the population

#2a507a hex color

#2a507a Color Information

#2a507a Color Conversion

Color Schemes with #2a507a

Alternatives to #2a507a

#2a507a Preview

Shades and Tints of #2a507a

Tones of #2a507a

Color Blindness Simulator