#2a5074 hex color

In a RGB color space, hex #2a5074 is composed of 16.5% red, 31.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 31% magenta, 0% yellow and 54.5% black. It has a hue angle of 209.2 degrees, a saturation of 46.8% and a lightness of 31%. #2a5074 color hex could be obtained by blending #54a0e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 31
- B 45
RGB color chart
- C 64
- M 31
- Y 0
- K 55
CMYK color chart

● #2a5074 color description : Dark moderate blue.

The hexadecimal color #2a5074 has RGB values of R:42, G:80, B:116 and CMYK values of C:0.64, M:0.31, Y:0, K:0.55. Its decimal value is 2773108.

Hex triplet	2a5074	`#2a5074`
RGB Decimal	42, 80, 116	`rgb(42,80,116)`
RGB Percent	16.5, 31.4, 45.5	`rgb(16.5%,31.4%,45.5%)`
CMYK	64, 31, 0, 55
HSL	209.2°, 46.8, 31	`hsl(209.2,46.8%,31%)`
HSV (or HSB)	209.2°, 63.8, 45.5
Web Safe	336666	`#336666`

CIE-LAB	32.897, -1.43, -24.641
XYZ	6.975, 7.49, 17.6
xyY	0.218, 0.234, 7.49
CIE-LCH	32.897, 24.683, 266.679
CIE-LUV	32.897, -15.288, -32.803
Hunter-Lab	27.368, -2.4, -18.971
Binary	00101010, 01010000, 01110100

#2a5074
```
#2a5074 rgb(42,80,116)
```
#744e2a
```
#744e2a rgb(116,78,42)
```

Complementary Color

#2a7473
```
#2a7473 rgb(42,116,115)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#2a2b74
```
#2a2b74 rgb(42,43,116)
```

Analogous Color

#74732a
```
#74732a rgb(116,115,42)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#742a2b
```
#742a2b rgb(116,42,43)
```

Split Complementary Color

#50742a
```
#50742a rgb(80,116,42)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#742a50
```
#742a50 rgb(116,42,80)
```

Triadic Color

#2a744e
```
#2a744e rgb(42,116,78)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#742a50
```
#742a50 rgb(116,42,80)
```
#744e2a
```
#744e2a rgb(116,78,42)
```

Tetradic Color

#16293c
```
#16293c rgb(22,41,60)
```
#1c364f
```
#1c364f rgb(28,54,79)
```
#234361
```
#234361 rgb(35,67,97)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#315d87
```
#315d87 rgb(49,93,135)
```
#386a99
```
#386a99 rgb(56,106,153)
```
#3e77ac
```
#3e77ac rgb(62,119,172)
```

Monochromatic Color

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

#2a6374
```
#2a6374 rgb(42,99,116)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#2a5674
```
#2a5674 rgb(42,86,116)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#2a4a74
```
#2a4a74 rgb(42,74,116)
```
#2a4474
```
#2a4474 rgb(42,68,116)
```
#2a3e74
```
#2a3e74 rgb(42,62,116)
```

Similar Colors

Text with hexadecimal color #2a5074

This text has a font color of #2a5074.

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

#2a5074 background color

This paragraph has a background color of #2a5074.

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

#2a5074 border color

This element has a border color of #2a5074.

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

CSS codes

.text {color:#2a5074;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0b141e
```
#0b141e rgb(11,20,30)
```
#101e2c
```
#101e2c rgb(16,30,44)
```
#15283a
```
#15283a rgb(21,40,58)
```
#1a3249
```
#1a3249 rgb(26,50,73)
```
#203c57
```
#203c57 rgb(32,60,87)
```
#254666
```
#254666 rgb(37,70,102)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#2f5a82
```
#2f5a82 rgb(47,90,130)
```
#346491
```
#346491 rgb(52,100,145)
```
#3a6e9f
```
#3a6e9f rgb(58,110,159)
```
#3f78ae
```
#3f78ae rgb(63,120,174)
```

Shade Color Variation

#4582bc
```
#4582bc rgb(69,130,188)
```
#538bc1
```
#538bc1 rgb(83,139,193)
```
#6195c6
```
#6195c6 rgb(97,149,198)
```
#709fcb
```
#709fcb rgb(112,159,203)
```
#7ea8d0
```
#7ea8d0 rgb(126,168,208)
```
#8db2d6
```
#8db2d6 rgb(141,178,214)
```
#9bbcdb
```
#9bbcdb rgb(155,188,219)
```
#a9c5e0
```
#a9c5e0 rgb(169,197,224)
```
#b8cfe5
```
#b8cfe5 rgb(184,207,229)
```
#c6d9ea
```
#c6d9ea rgb(198,217,234)
```
#d5e2f0
```
#d5e2f0 rgb(213,226,240)
```
#e3ecf5
```
#e3ecf5 rgb(227,236,245)
```
#f1f6fa
```
#f1f6fa rgb(241,246,250)
```

Tint Color Variation

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

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#484f56
```
#484f56 rgb(72,79,86)
```
#424f5c
```
#424f5c rgb(66,79,92)
```
#3c5062
```
#3c5062 rgb(60,80,98)
```
#365068
```
#365068 rgb(54,80,104)
```
#30506e
```
#30506e rgb(48,80,110)
```
#2a5074
```
#2a5074 rgb(42,80,116)
```
#24507a
```
#24507a rgb(36,80,122)
```
#1e5080
```
#1e5080 rgb(30,80,128)
```
#185086
```
#185086 rgb(24,80,134)
```
#12518c
```
#12518c rgb(18,81,140)
```
#0c5192
```
#0c5192 rgb(12,81,146)
```
#065198
```
#065198 rgb(6,81,152)
```

Tone Color Variation

Below, you can see how #2a5074 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
#434a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5578 Protanopia 1% of men
#44567c Deuteranopia 1% of men
#275d64 Tritanopia 0.001% of the population

Trichromacy

#3e5376 Protanomaly 1% of men, 0.01% of women
#3a5379 Deuteranomaly 6% of men, 0.4% of women
#28586a Tritanomaly 0.01% of the population

#2a5074 hex color

#2a5074 Color Information

#2a5074 Color Conversion

Color Schemes with #2a5074

Alternatives to #2a5074

#2a5074 Preview

Shades and Tints of #2a5074

Tones of #2a5074

Color Blindness Simulator