#2a3d58 hex color

In a RGB color space, hex #2a3d58 is composed of 16.5% red, 23.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 30.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 215.2 degrees, a saturation of 35.4% and a lightness of 25.5%. #2a3d58 color hex could be obtained by blending #547ab0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 24
- B 35
RGB color chart
- C 52
- M 31
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2a3d58 has RGB values of R:42, G:61, B:88 and CMYK values of C:0.52, M:0.31, Y:0, K:0.65. Its decimal value is 2768216.

Hex triplet	2a3d58	`#2a3d58`
RGB Decimal	42, 61, 88	`rgb(42,61,88)`
RGB Percent	16.5, 23.9, 34.5	`rgb(16.5%,23.9%,34.5%)`
CMYK	52, 31, 0, 65
HSL	215.2°, 35.4, 25.5	`hsl(215.2,35.4%,25.5%)`
HSV (or HSB)	215.2°, 52.3, 34.5
Web Safe	333366	`#333366`

CIE-LAB	25.364, 1.03, -18.544
XYZ	4.385, 4.534, 9.876
xyY	0.233, 0.241, 4.534
CIE-LCH	25.364, 18.573, 273.179
CIE-LUV	25.364, -8.551, -22.542
Hunter-Lab	21.293, -0.508, -12.594
Binary	00101010, 00111101, 01011000

#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#58452a
```
#58452a rgb(88,69,42)
```

Complementary Color

#2a5458
```
#2a5458 rgb(42,84,88)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#2e2a58
```
#2e2a58 rgb(46,42,88)
```

Analogous Color

#54582a
```
#54582a rgb(84,88,42)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#582e2a
```
#582e2a rgb(88,46,42)
```

Split Complementary Color

#3d582a
```
#3d582a rgb(61,88,42)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#582a3d
```
#582a3d rgb(88,42,61)
```

Triadic Color

#2a5845
```
#2a5845 rgb(42,88,69)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#582a3d
```
#582a3d rgb(88,42,61)
```
#58452a
```
#58452a rgb(88,69,42)
```

Tetradic Color

#111924
```
#111924 rgb(17,25,36)
```
#1a2535
```
#1a2535 rgb(26,37,53)
```
#223147
```
#223147 rgb(34,49,71)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#324969
```
#324969 rgb(50,73,105)
```
#3a557b
```
#3a557b rgb(58,85,123)
```
#43618c
```
#43618c rgb(67,97,140)
```

Monochromatic Color

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

#2a4958
```
#2a4958 rgb(42,73,88)
```
#2a4558
```
#2a4558 rgb(42,69,88)
```
#2a4158
```
#2a4158 rgb(42,65,88)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#2a3958
```
#2a3958 rgb(42,57,88)
```
#2a3558
```
#2a3558 rgb(42,53,88)
```
#2a3258
```
#2a3258 rgb(42,50,88)
```

Similar Colors

Text with hexadecimal color #2a3d58

This text has a font color of #2a3d58.

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

#2a3d58 background color

This paragraph has a background color of #2a3d58.

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

#2a3d58 border color

This element has a border color of #2a3d58.

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

CSS codes

.text {color:#2a3d58;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a0f16
```
#0a0f16 rgb(10,15,22)
```
#111823
```
#111823 rgb(17,24,35)
```
#172130
```
#172130 rgb(23,33,48)
```
#1d2b3d
```
#1d2b3d rgb(29,43,61)
```
#24344b
```
#24344b rgb(36,52,75)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#304665
```
#304665 rgb(48,70,101)
```
#374f73
```
#374f73 rgb(55,79,115)
```
#3d5980
```
#3d5980 rgb(61,89,128)
```
#43628d
```
#43628d rgb(67,98,141)
```
#4a6b9a
```
#4a6b9a rgb(74,107,154)
```
#5074a8
```
#5074a8 rgb(80,116,168)
```

Shade Color Variation

#5b7eb1
```
#5b7eb1 rgb(91,126,177)
```
#6889b7
```
#6889b7 rgb(104,137,183)
```
#7593bd
```
#7593bd rgb(117,147,189)
```
#839dc4
```
#839dc4 rgb(131,157,196)
```
#90a8ca
```
#90a8ca rgb(144,168,202)
```
#9db2d0
```
#9db2d0 rgb(157,178,208)
```
#aabdd7
```
#aabdd7 rgb(170,189,215)
```
#b8c7dd
```
#b8c7dd rgb(184,199,221)
```
#c5d1e3
```
#c5d1e3 rgb(197,209,227)
```
#d2dcea
```
#d2dcea rgb(210,220,234)
```
#dfe6f0
```
#dfe6f0 rgb(223,230,240)
```
#edf1f6
```
#edf1f6 rgb(237,241,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#3e4044
```
#3e4044 rgb(62,64,68)
```
#394049
```
#394049 rgb(57,64,73)
```
#343f4e
```
#343f4e rgb(52,63,78)
```
#2f3e53
```
#2f3e53 rgb(47,62,83)
```
#2a3d58
```
#2a3d58 rgb(42,61,88)
```
#253c5d
```
#253c5d rgb(37,60,93)
```
#203b62
```
#203b62 rgb(32,59,98)
```
#1b3a67
```
#1b3a67 rgb(27,58,103)
```
#163a6c
```
#163a6c rgb(22,58,108)
```
#113971
```
#113971 rgb(17,57,113)
```
#0c3876
```
#0c3876 rgb(12,56,118)
```
#07377b
```
#07377b rgb(7,55,123)
```
#023680
```
#023680 rgb(2,54,128)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373b40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d455f Protanopia 1% of men
#3b4561 Deuteranopia 1% of men
#2e4a4f Tritanopia 0.001% of the population

Trichromacy

#36425c Protanomaly 1% of men, 0.01% of women
#34425d Deuteranomaly 6% of men, 0.4% of women
#2c4552 Tritanomaly 0.01% of the population

#2a3d58 hex color

#2a3d58 Color Information

#2a3d58 Color Conversion

Color Schemes with #2a3d58

Alternatives to #2a3d58

#2a3d58 Preview

Shades and Tints of #2a3d58

Tones of #2a3d58

Color Blindness Simulator