#2a3951 hex color

In a RGB color space, hex #2a3951 is composed of 16.5% red, 22.4% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 29.6% magenta, 0% yellow and 68.2% black. It has a hue angle of 216.9 degrees, a saturation of 31.7% and a lightness of 24.1%. #2a3951 color hex could be obtained by blending #5472a2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 22
- B 32
RGB color chart
- C 48
- M 30
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #2a3951 has RGB values of R:42, G:57, B:81 and CMYK values of C:0.48, M:0.3, Y:0, K:0.68. Its decimal value is 2767185.

Hex triplet	2a3951	`#2a3951`
RGB Decimal	42, 57, 81	`rgb(42,57,81)`
RGB Percent	16.5, 22.4, 31.8	`rgb(16.5%,22.4%,31.8%)`
CMYK	48, 30, 0, 68
HSL	216.9°, 31.7, 24.1	`hsl(216.9,31.7%,24.1%)`
HSV (or HSB)	216.9°, 48.1, 31.8
Web Safe	333366	`#333366`

CIE-LAB	23.712, 1.324, -16.512
XYZ	3.903, 4.012, 8.353
xyY	0.24, 0.247, 4.012
CIE-LCH	23.712, 16.565, 274.584
CIE-LUV	23.712, -7.004, -19.501
Hunter-Lab	20.031, -0.275, -10.702
Binary	00101010, 00111001, 01010001

#2a3951
```
#2a3951 rgb(42,57,81)
```
#51422a
```
#51422a rgb(81,66,42)
```

Complementary Color

#2a4d51
```
#2a4d51 rgb(42,77,81)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#2f2a51
```
#2f2a51 rgb(47,42,81)
```

Analogous Color

#4d512a
```
#4d512a rgb(77,81,42)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#512f2a
```
#512f2a rgb(81,47,42)
```

Split Complementary Color

#39512a
```
#39512a rgb(57,81,42)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#512a39
```
#512a39 rgb(81,42,57)
```

Triadic Color

#2a5142
```
#2a5142 rgb(42,81,66)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#512a39
```
#512a39 rgb(81,42,57)
```
#51422a
```
#51422a rgb(81,66,42)
```

Tetradic Color

#10161f
```
#10161f rgb(16,22,31)
```
#19212f
```
#19212f rgb(25,33,47)
```
#212d40
```
#212d40 rgb(33,45,64)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#334562
```
#334562 rgb(51,69,98)
```
#3b5173
```
#3b5173 rgb(59,81,115)
```
#445c83
```
#445c83 rgb(68,92,131)
```

Monochromatic Color

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

#2a4351
```
#2a4351 rgb(42,67,81)
```
#2a4051
```
#2a4051 rgb(42,64,81)
```
#2a3c51
```
#2a3c51 rgb(42,60,81)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#2a3651
```
#2a3651 rgb(42,54,81)
```
#2a3351
```
#2a3351 rgb(42,51,81)
```
#2a2f51
```
#2a2f51 rgb(42,47,81)
```

Similar Colors

Text with hexadecimal color #2a3951

This text has a font color of #2a3951.

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

#2a3951 background color

This paragraph has a background color of #2a3951.

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

#2a3951 border color

This element has a border color of #2a3951.

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

CSS codes

.text {color:#2a3951;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090c10
```
#090c10 rgb(9,12,16)
```
#0f151d
```
#0f151d rgb(15,21,29)
```
#161e2a
```
#161e2a rgb(22,30,42)
```
#1d2737
```
#1d2737 rgb(29,39,55)
```
#233044
```
#233044 rgb(35,48,68)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#31425e
```
#31425e rgb(49,66,94)
```
#374b6b
```
#374b6b rgb(55,75,107)
```
#3e5478
```
#3e5478 rgb(62,84,120)
```
#455d85
```
#455d85 rgb(69,93,133)
```
#4b6692
```
#4b6692 rgb(75,102,146)
```
#52709f
```
#52709f rgb(82,112,159)
```

Shade Color Variation

#5b79aa
```
#5b79aa rgb(91,121,170)
```
#6784b0
```
#6784b0 rgb(103,132,176)
```
#748eb7
```
#748eb7 rgb(116,142,183)
```
#8199be
```
#8199be rgb(129,153,190)
```
#8ea3c5
```
#8ea3c5 rgb(142,163,197)
```
#9baecb
```
#9baecb rgb(155,174,203)
```
#a8b8d2
```
#a8b8d2 rgb(168,184,210)
```
#b5c3d9
```
#b5c3d9 rgb(181,195,217)
```
#c2cddf
```
#c2cddf rgb(194,205,223)
```
#cfd8e6
```
#cfd8e6 rgb(207,216,230)
```
#dce2ed
```
#dce2ed rgb(220,226,237)
```
#e9edf3
```
#e9edf3 rgb(233,237,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#3d3d3e
```
#3d3d3e rgb(61,61,62)
```
#383c43
```
#383c43 rgb(56,60,67)
```
#333b48
```
#333b48 rgb(51,59,72)
```
#2f3a4c
```
#2f3a4c rgb(47,58,76)
```
#2a3951
```
#2a3951 rgb(42,57,81)
```
#253856
```
#253856 rgb(37,56,86)
```
#21375a
```
#21375a rgb(33,55,90)
```
#1c365f
```
#1c365f rgb(28,54,95)
```
#173564
```
#173564 rgb(23,53,100)
```
#123469
```
#123469 rgb(18,52,105)
```
#0e326d
```
#0e326d rgb(14,50,109)
```
#093172
```
#093172 rgb(9,49,114)
```
#043077
```
#043077 rgb(4,48,119)
```

Tone Color Variation

Below, you can see how #2a3951 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
#34373c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4159 Protanopia 1% of men
#3a425a Deuteranopia 1% of men
#2f464b Tritanopia 0.001% of the population

Trichromacy

#353e56 Protanomaly 1% of men, 0.01% of women
#343e57 Deuteranomaly 6% of men, 0.4% of women
#2d414d Tritanomaly 0.01% of the population

#2a3951 hex color

#2a3951 Color Information

#2a3951 Color Conversion

Color Schemes with #2a3951

Alternatives to #2a3951

#2a3951 Preview

Shades and Tints of #2a3951

Tones of #2a3951

Color Blindness Simulator