#2a3557 hex color

In a RGB color space, hex #2a3557 is composed of 16.5% red, 20.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 39.1% magenta, 0% yellow and 65.9% black. It has a hue angle of 225.3 degrees, a saturation of 34.9% and a lightness of 25.3%. #2a3557 color hex could be obtained by blending #546aae with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2a3557 has RGB values of R:42, G:53, B:87 and CMYK values of C:0.52, M:0.39, Y:0, K:0.66. Its decimal value is 2766167.

Hex triplet	2a3557	`#2a3557`
RGB Decimal	42, 53, 87	`rgb(42,53,87)`
RGB Percent	16.5, 20.8, 34.1	`rgb(16.5%,20.8%,34.1%)`
CMYK	52, 39, 0, 66
HSL	225.3°, 34.9, 25.3	`hsl(225.3,34.9%,25.3%)`
HSV (or HSB)	225.3°, 51.7, 34.1
Web Safe	333366	`#333366`

CIE-LAB	22.746, 6.153, -21.989
XYZ	3.948, 3.726, 9.528
xyY	0.23, 0.217, 3.726
CIE-LCH	22.746, 22.833, 285.632
CIE-LUV	22.746, -5.694, -26.336
Hunter-Lab	19.304, 2.724, -15.75
Binary	00101010, 00110101, 01010111

#2a3557
```
#2a3557 rgb(42,53,87)
```
#574c2a
```
#574c2a rgb(87,76,42)
```

Complementary Color

#2a4c57
```
#2a4c57 rgb(42,76,87)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#362a57
```
#362a57 rgb(54,42,87)
```

Analogous Color

#4c572a
```
#4c572a rgb(76,87,42)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#57362a
```
#57362a rgb(87,54,42)
```

Split Complementary Color

#35572a
```
#35572a rgb(53,87,42)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#572a35
```
#572a35 rgb(87,42,53)
```

Triadic Color

#2a574c
```
#2a574c rgb(42,87,76)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#572a35
```
#572a35 rgb(87,42,53)
```
#574c2a
```
#574c2a rgb(87,76,42)
```

Tetradic Color

#111623
```
#111623 rgb(17,22,35)
```
#192035
```
#192035 rgb(25,32,53)
```
#222b46
```
#222b46 rgb(34,43,70)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#323f68
```
#323f68 rgb(50,63,104)
```
#3b4a79
```
#3b4a79 rgb(59,74,121)
```
#43548b
```
#43548b rgb(67,84,139)
```

Monochromatic Color

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

#2a4057
```
#2a4057 rgb(42,64,87)
```
#2a3d57
```
#2a3d57 rgb(42,61,87)
```
#2a3957
```
#2a3957 rgb(42,57,87)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#2a3157
```
#2a3157 rgb(42,49,87)
```
#2a2e57
```
#2a2e57 rgb(42,46,87)
```
#2a2a57
```
#2a2a57 rgb(42,42,87)
```

Similar Colors

Text with hexadecimal color #2a3557

This text has a font color of #2a3557.

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

#2a3557 background color

This paragraph has a background color of #2a3557.

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

#2a3557 border color

This element has a border color of #2a3557.

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

CSS codes

.text {color:#2a3557;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0d15
```
#0a0d15 rgb(10,13,21)
```
#101522
```
#101522 rgb(16,21,34)
```
#171d2f
```
#171d2f rgb(23,29,47)
```
#1d253d
```
#1d253d rgb(29,37,61)
```
#242d4a
```
#242d4a rgb(36,45,74)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#303d64
```
#303d64 rgb(48,61,100)
```
#374571
```
#374571 rgb(55,69,113)
```
#3d4d7f
```
#3d4d7f rgb(61,77,127)
```
#44558c
```
#44558c rgb(68,85,140)
```
#4a5d99
```
#4a5d99 rgb(74,93,153)
```
#5065a6
```
#5065a6 rgb(80,101,166)
```

Shade Color Variation

#5b6fb0
```
#5b6fb0 rgb(91,111,176)
```
#687bb6
```
#687bb6 rgb(104,123,182)
```
#7587bc
```
#7587bc rgb(117,135,188)
```
#8292c3
```
#8292c3 rgb(130,146,195)
```
#909ec9
```
#909ec9 rgb(144,158,201)
```
#9da9d0
```
#9da9d0 rgb(157,169,208)
```
#aab5d6
```
#aab5d6 rgb(170,181,214)
```
#b7c0dc
```
#b7c0dc rgb(183,192,220)
```
#c4cce3
```
#c4cce3 rgb(196,204,227)
```
#d2d7e9
```
#d2d7e9 rgb(210,215,233)
```
#dfe3f0
```
#dfe3f0 rgb(223,227,240)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#3e3f43
```
#3e3f43 rgb(62,63,67)
```
#393d48
```
#393d48 rgb(57,61,72)
```
#343a4d
```
#343a4d rgb(52,58,77)
```
#2f3852
```
#2f3852 rgb(47,56,82)
```
#2a3557
```
#2a3557 rgb(42,53,87)
```
#25325c
```
#25325c rgb(37,50,92)
```
#203061
```
#203061 rgb(32,48,97)
```
#1b2d66
```
#1b2d66 rgb(27,45,102)
```
#162b6b
```
#162b6b rgb(22,43,107)
```
#112870
```
#112870 rgb(17,40,112)
```
#0c2675
```
#0c2675 rgb(12,38,117)
```
#07237a
```
#07237a rgb(7,35,122)
```
#02217f
```
#02217f rgb(2,33,127)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#34363d Atypical Achromatopsia 0.001% of the population

Dichromacy

#343f5f Protanopia 1% of men
#30405f Deuteranopia 1% of men
#2c4449 Tritanopia 0.001% of the population

Trichromacy

#303b5c Protanomaly 1% of men, 0.01% of women
#2e3c5c Deuteranomaly 6% of men, 0.4% of women
#2b3e4e Tritanomaly 0.01% of the population

#2a3557 hex color

#2a3557 Color Information

#2a3557 Color Conversion

Color Schemes with #2a3557

Alternatives to #2a3557

#2a3557 Preview

Shades and Tints of #2a3557

Tones of #2a3557

Color Blindness Simulator