#2a4c5d hex color

In a RGB color space, hex #2a4c5d is composed of 16.5% red, 29.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 18.3% magenta, 0% yellow and 63.5% black. It has a hue angle of 200 degrees, a saturation of 37.8% and a lightness of 26.5%. #2a4c5d color hex could be obtained by blending #5498ba with #000000. Closest websafe color is: #333366.

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

● #2a4c5d color description : Very dark desaturated blue.

The hexadecimal color #2a4c5d has RGB values of R:42, G:76, B:93 and CMYK values of C:0.55, M:0.18, Y:0, K:0.64. Its decimal value is 2772061.

Hex triplet	2a4c5d	`#2a4c5d`
RGB Decimal	42, 76, 93	`rgb(42,76,93)`
RGB Percent	16.5, 29.8, 36.5	`rgb(16.5%,29.8%,36.5%)`
CMYK	55, 18, 0, 64
HSL	200°, 37.8, 26.5	`hsl(200,37.8%,26.5%)`
HSV (or HSB)	200°, 54.8, 36.5
Web Safe	333366	`#333366`

CIE-LAB	30.523, -6.965, -13.802
XYZ	5.515, 6.451, 11.31
xyY	0.237, 0.277, 6.451
CIE-LCH	30.523, 15.46, 243.222
CIE-LUV	30.523, -14.244, -16.7
Hunter-Lab	25.399, -5.693, -8.622
Binary	00101010, 01001100, 01011101

#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#5d3b2a
```
#5d3b2a rgb(93,59,42)
```

Complementary Color

#2a5d55
```
#2a5d55 rgb(42,93,85)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#2a335d
```
#2a335d rgb(42,51,93)
```

Analogous Color

#5d552a
```
#5d552a rgb(93,85,42)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#5d2a33
```
#5d2a33 rgb(93,42,51)
```

Split Complementary Color

#4c5d2a
```
#4c5d2a rgb(76,93,42)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#5d2a4c
```
#5d2a4c rgb(93,42,76)
```

Triadic Color

#2a5d3b
```
#2a5d3b rgb(42,93,59)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#5d2a4c
```
#5d2a4c rgb(93,42,76)
```
#5d3b2a
```
#5d3b2a rgb(93,59,42)
```

Tetradic Color

#122128
```
#122128 rgb(18,33,40)
```
#1a2f3a
```
#1a2f3a rgb(26,47,58)
```
#223e4b
```
#223e4b rgb(34,62,75)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#325a6f
```
#325a6f rgb(50,90,111)
```
#3a6980
```
#3a6980 rgb(58,105,128)
```
#427792
```
#427792 rgb(66,119,146)
```

Monochromatic Color

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

#2a595d
```
#2a595d rgb(42,89,93)
```
#2a555d
```
#2a555d rgb(42,85,93)
```
#2a505d
```
#2a505d rgb(42,80,93)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#2a485d
```
#2a485d rgb(42,72,93)
```
#2a445d
```
#2a445d rgb(42,68,93)
```
#2a3f5d
```
#2a3f5d rgb(42,63,93)
```

Similar Colors

Text with hexadecimal color #2a4c5d

This text has a font color of #2a4c5d.

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

#2a4c5d background color

This paragraph has a background color of #2a4c5d.

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

#2a4c5d border color

This element has a border color of #2a4c5d.

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

CSS codes

.text {color:#2a4c5d;}

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

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0b1519
```
#0b1519 rgb(11,21,25)
```
#122027
```
#122027 rgb(18,32,39)
```
#182b34
```
#182b34 rgb(24,43,52)
```
#1e3642
```
#1e3642 rgb(30,54,66)
```
#24414f
```
#24414f rgb(36,65,79)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#30576b
```
#30576b rgb(48,87,107)
```
#366278
```
#366278 rgb(54,98,120)
```
#3c6d86
```
#3c6d86 rgb(60,109,134)
```
#427893
```
#427893 rgb(66,120,147)
```
#4983a1
```
#4983a1 rgb(73,131,161)
```
#4f8eae
```
#4f8eae rgb(79,142,174)
```

Shade Color Variation

#5b97b5
```
#5b97b5 rgb(91,151,181)
```
#69a0bb
```
#69a0bb rgb(105,160,187)
```
#76a8c1
```
#76a8c1 rgb(118,168,193)
```
#84b1c7
```
#84b1c7 rgb(132,177,199)
```
#91b9cd
```
#91b9cd rgb(145,185,205)
```
#9fc2d4
```
#9fc2d4 rgb(159,194,212)
```
#accbda
```
#accbda rgb(172,203,218)
```
#bad3e0
```
#bad3e0 rgb(186,211,224)
```
#c7dce6
```
#c7dce6 rgb(199,220,230)
```
#d5e4ec
```
#d5e4ec rgb(213,228,236)
```
#e2edf2
```
#e2edf2 rgb(226,237,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4548 is the less saturated color, while #005a87 is the most saturated one.

#3f4548
```
#3f4548 rgb(63,69,72)
```
#3a474d
```
#3a474d rgb(58,71,77)
```
#344953
```
#344953 rgb(52,73,83)
```
#2f4a58
```
#2f4a58 rgb(47,74,88)
```
#2a4c5d
```
#2a4c5d rgb(42,76,93)
```
#254e62
```
#254e62 rgb(37,78,98)
```
#204f67
```
#204f67 rgb(32,79,103)
```
#1a516d
```
#1a516d rgb(26,81,109)
```
#155372
```
#155372 rgb(21,83,114)
```
#105577
```
#105577 rgb(16,85,119)
```
#0b567c
```
#0b567c rgb(11,86,124)
```
#065881
```
#065881 rgb(6,88,129)
```
#005a87
```
#005a87 rgb(0,90,135)
```

Tone Color Variation

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

Dichromacy

#4c5062 Protanopia 1% of men
#4c5067 Deuteranopia 1% of men
#31565d Tritanopia 0.001% of the population

Trichromacy

#404e60 Protanomaly 1% of men, 0.01% of women
#3f4e63 Deuteranomaly 6% of men, 0.4% of women
#2e525d Tritanomaly 0.01% of the population

#2a4c5d hex color

#2a4c5d Color Information

#2a4c5d Color Conversion

Color Schemes with #2a4c5d

Alternatives to #2a4c5d

#2a4c5d Preview

Shades and Tints of #2a4c5d

Tones of #2a4c5d

Color Blindness Simulator