#2a5c74 hex color

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

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

● #2a5c74 color description : Dark moderate blue.

The hexadecimal color #2a5c74 has RGB values of R:42, G:92, B:116 and CMYK values of C:0.64, M:0.21, Y:0, K:0.55. Its decimal value is 2776180.

Hex triplet	2a5c74	`#2a5c74`
RGB Decimal	42, 92, 116	`rgb(42,92,116)`
RGB Percent	16.5, 36.1, 45.5	`rgb(16.5%,36.1%,45.5%)`
CMYK	64, 21, 0, 55
HSL	199.5°, 46.8, 31	`hsl(199.5,46.8%,31%)`
HSV (or HSB)	199.5°, 63.8, 45.5
Web Safe	336666	`#336666`

CIE-LAB	36.756, -8.883, -18.643
XYZ	7.934, 9.407, 17.92
xyY	0.225, 0.267, 9.407
CIE-LCH	36.756, 20.651, 244.523
CIE-LUV	36.756, -19.761, -24.303
Hunter-Lab	30.671, -7.501, -13.171
Binary	00101010, 01011100, 01110100

#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#74422a
```
#74422a rgb(116,66,42)
```

Complementary Color

#2a7467
```
#2a7467 rgb(42,116,103)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#2a3774
```
#2a3774 rgb(42,55,116)
```

Analogous Color

#74672a
```
#74672a rgb(116,103,42)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#742a37
```
#742a37 rgb(116,42,55)
```

Split Complementary Color

#5c742a
```
#5c742a rgb(92,116,42)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#742a5c
```
#742a5c rgb(116,42,92)
```

Triadic Color

#2a7442
```
#2a7442 rgb(42,116,66)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#742a5c
```
#742a5c rgb(116,42,92)
```
#74422a
```
#74422a rgb(116,66,42)
```

Tetradic Color

#162f3c
```
#162f3c rgb(22,47,60)
```
#1c3e4f
```
#1c3e4f rgb(28,62,79)
```
#234d61
```
#234d61 rgb(35,77,97)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#316b87
```
#316b87 rgb(49,107,135)
```
#387a99
```
#387a99 rgb(56,122,153)
```
#3e89ac
```
#3e89ac rgb(62,137,172)
```

Monochromatic Color

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

#2a6f74
```
#2a6f74 rgb(42,111,116)
```
#2a6874
```
#2a6874 rgb(42,104,116)
```
#2a6274
```
#2a6274 rgb(42,98,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)
```

Similar Colors

Text with hexadecimal color #2a5c74

This text has a font color of #2a5c74.

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

#2a5c74 background color

This paragraph has a background color of #2a5c74.

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

#2a5c74 border color

This element has a border color of #2a5c74.

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

CSS codes

.text {color:#2a5c74;}

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

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

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 #f1f7fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060c0f
```
#060c0f rgb(6,12,15)
```
#0b171e
```
#0b171e rgb(11,23,30)
```
#10232c
```
#10232c rgb(16,35,44)
```
#152e3a
```
#152e3a rgb(21,46,58)
```
#1a3a49
```
#1a3a49 rgb(26,58,73)
```
#204557
```
#204557 rgb(32,69,87)
```
#255166
```
#255166 rgb(37,81,102)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#2f6782
```
#2f6782 rgb(47,103,130)
```
#347391
```
#347391 rgb(52,115,145)
```
#3a7e9f
```
#3a7e9f rgb(58,126,159)
```
#3f8aae
```
#3f8aae rgb(63,138,174)
```

Shade Color Variation

#4595bc
```
#4595bc rgb(69,149,188)
```
#539dc1
```
#539dc1 rgb(83,157,193)
```
#61a5c6
```
#61a5c6 rgb(97,165,198)
```
#70aecb
```
#70aecb rgb(112,174,203)
```
#7eb6d0
```
#7eb6d0 rgb(126,182,208)
```
#8dbed6
```
#8dbed6 rgb(141,190,214)
```
#9bc6db
```
#9bc6db rgb(155,198,219)
```
#a9cee0
```
#a9cee0 rgb(169,206,224)
```
#b8d6e5
```
#b8d6e5 rgb(184,214,229)
```
#c6dfea
```
#c6dfea rgb(198,223,234)
```
#d5e7f0
```
#d5e7f0 rgb(213,231,240)
```
#e3eff5
```
#e3eff5 rgb(227,239,245)
```
#f1f7fa
```
#f1f7fa rgb(241,247,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 #066998 is the most saturated one.

#4e4f50
```
#4e4f50 rgb(78,79,80)
```
#485156
```
#485156 rgb(72,81,86)
```
#42535c
```
#42535c rgb(66,83,92)
```
#3c5662
```
#3c5662 rgb(60,86,98)
```
#365868
```
#365868 rgb(54,88,104)
```
#305a6e
```
#305a6e rgb(48,90,110)
```
#2a5c74
```
#2a5c74 rgb(42,92,116)
```
#245e7a
```
#245e7a rgb(36,94,122)
```
#1e6080
```
#1e6080 rgb(30,96,128)
```
#186286
```
#186286 rgb(24,98,134)
```
#12658c
```
#12658c rgb(18,101,140)
```
#0c6792
```
#0c6792 rgb(12,103,146)
```
#066998
```
#066998 rgb(6,105,152)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#485257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585e77 Protanopia 1% of men
#555e7d Deuteranopia 1% of men
#2d666e Tritanopia 0.001% of the population

Trichromacy

#475d76 Protanomaly 1% of men, 0.01% of women
#455d7a Deuteranomaly 6% of men, 0.4% of women
#2c6270 Tritanomaly 0.01% of the population

#2a5c74 hex color

#2a5c74 Color Information

#2a5c74 Color Conversion

Color Schemes with #2a5c74

Alternatives to #2a5c74

#2a5c74 Preview

Shades and Tints of #2a5c74

Tones of #2a5c74

Color Blindness Simulator