colorhexa.com

#2a3759 hex color

In a RGB color space, hex #2a3759 is composed of 16.5% red, 21.6% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 38.2% magenta, 0% yellow and 65.1% black. It has a hue angle of 223.4 degrees, a saturation of 35.9% and a lightness of 25.7%. #2a3759 color hex could be obtained by blending #546eb2 with #000000. Closest websafe color is: #333366.

- R 16
- G 22
- B 35
RGB color chart
- C 53
- M 38
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2a3759 has RGB values of R:42, G:55, B:89 and CMYK values of C:0.53, M:0.38, Y:0, K:0.65. Its decimal value is 2766681.

Hex triplet	2a3759	`#2a3759`
RGB Decimal	42, 55, 89	`rgb(42,55,89)`
RGB Percent	16.5, 21.6, 34.9	`rgb(16.5%,21.6%,34.9%)`
CMYK	53, 38, 0, 65
HSL	223.4°, 35.9, 25.7	`hsl(223.4,35.9%,25.7%)`
HSV (or HSB)	223.4°, 52.8, 34.9
Web Safe	333366	`#333366`

CIE-LAB	23.491, 5.474, -22.132
XYZ	4.124, 3.946, 9.995
xyY	0.228, 0.218, 3.946
CIE-LCH	23.491, 22.799, 283.891
CIE-LUV	23.491, -6.422, -26.782
Hunter-Lab	19.864, 2.296, -15.928
Binary	00101010, 00110111, 01011001

#2a3759
```
#2a3759 rgb(42,55,89)
```
#594c2a
```
#594c2a rgb(89,76,42)
```

Complementary Color

#2a4f59
```
#2a4f59 rgb(42,79,89)
```
#2a3759
```
#2a3759 rgb(42,55,89)
```
#352a59
```
#352a59 rgb(53,42,89)
```

Analogous Color

#4f592a
```
#4f592a rgb(79,89,42)
```
#2a3759
```
#2a3759 rgb(42,55,89)
```
#59352a
```
#59352a rgb(89,53,42)
```

Split Complementary Color

#111725
```
#111725 rgb(17,23,37)
```
#1a2236
```
#1a2236 rgb(26,34,54)
```
#222c48
```
#222c48 rgb(34,44,72)
```
#2a3759
```
#2a3759 rgb(42,55,89)
```
#32426a
```
#32426a rgb(50,66,106)
```
#3a4c7c
```
#3a4c7c rgb(58,76,124)
```
#43578d
```
#43578d rgb(67,87,141)
```

Monochromatic Color

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

#2a4359
```
#2a4359 rgb(42,67,89)
```
#2a3f59
```
#2a3f59 rgb(42,63,89)
```
#2a3b59
```
#2a3b59 rgb(42,59,89)
```
#2a3759
```
#2a3759 rgb(42,55,89)
```
#2a3359
```
#2a3359 rgb(42,51,89)
```
#2a2f59
```
#2a2f59 rgb(42,47,89)
```
#2a2b59
```
#2a2b59 rgb(42,43,89)
```

Similar Colors

Text with hexadecimal color #2a3759

This text has a font color of #2a3759.

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

#2a3759 background color

This paragraph has a background color of #2a3759.

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

#2a3759 border color

This element has a border color of #2a3759.

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

CSS codes

.text {color:#2a3759;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0b0e16
```
#0b0e16 rgb(11,14,22)
```
#111624
```
#111624 rgb(17,22,36)
```
#171e31
```
#171e31 rgb(23,30,49)
```
#1d273e
```
#1d273e rgb(29,39,62)
```
#242f4c
```
#242f4c rgb(36,47,76)
```
#2a3759
```
#2a3759 rgb(42,55,89)
```
#303f66
```
#303f66 rgb(48,63,102)
```
#374774
```
#374774 rgb(55,71,116)
```
#3d5081
```
#3d5081 rgb(61,80,129)
```
#43588e
```
#43588e rgb(67,88,142)
```
#49609c
```
#49609c rgb(73,96,156)
```
#5068a9
```
#5068a9 rgb(80,104,169)
```

Shade Color Variation

#5b73b2
```
#5b73b2 rgb(91,115,178)
```
#687eb8
```
#687eb8 rgb(104,126,184)
```
#758abe
```
#758abe rgb(117,138,190)
```
#8395c4
```
#8395c4 rgb(131,149,196)
```
#90a0cb
```
#90a0cb rgb(144,160,203)
```
#9dacd1
```
#9dacd1 rgb(157,172,209)
```
#abb7d7
```
#abb7d7 rgb(171,183,215)
```
#b8c2de
```
#b8c2de rgb(184,194,222)
```
#c5cee4
```
#c5cee4 rgb(197,206,228)
```
#d3d9ea
```
#d3d9ea rgb(211,217,234)
```
#e0e5f0
```
#e0e5f0 rgb(224,229,240)
```
#edf0f7
```
#edf0f7 rgb(237,240,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#3e4045
```
#3e4045 rgb(62,64,69)
```
#393e4a
```
#393e4a rgb(57,62,74)
```
#343c4f
```
#343c4f rgb(52,60,79)
```
#2f3954
```
#2f3954 rgb(47,57,84)
```
#2a3759
```
#2a3759 rgb(42,55,89)
```
#25355e
```
#25355e rgb(37,53,94)
```
#203263
```
#203263 rgb(32,50,99)
```
#1b3068
```
#1b3068 rgb(27,48,104)
```
#162e6d
```
#162e6d rgb(22,46,109)
```
#112c72
```
#112c72 rgb(17,44,114)
```
#0c2977
```
#0c2977 rgb(12,41,119)
```
#07277c
```
#07277c rgb(7,39,124)
```
#022581
```
#022581 rgb(2,37,129)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#34373e Atypical Achromatopsia 0.001% of the population

Dichromacy

#354161 Protanopia 1% of men
#314261 Deuteranopia 1% of men
#2c464b Tritanopia 0.001% of the population

Trichromacy

#313d5e Protanomaly 1% of men, 0.01% of women
#2e3e5e Deuteranomaly 6% of men, 0.4% of women
#2b4050 Tritanomaly 0.01% of the population