#3a4051 hex color

In a RGB color space, hex #3a4051 is composed of 22.7% red, 25.1% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 21% magenta, 0% yellow and 68.2% black. It has a hue angle of 224.3 degrees, a saturation of 16.5% and a lightness of 27.3%. #3a4051 color hex could be obtained by blending #7480a2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 25
- B 32
RGB color chart
- C 28
- M 21
- Y 0
- K 68
CMYK color chart

● #3a4051 color description : Very dark grayish blue.

The hexadecimal color #3a4051 has RGB values of R:58, G:64, B:81 and CMYK values of C:0.28, M:0.21, Y:0, K:0.68. Its decimal value is 3817553.

Hex triplet	3a4051	`#3a4051`
RGB Decimal	58, 64, 81	`rgb(58,64,81)`
RGB Percent	22.7, 25.1, 31.8	`rgb(22.7%,25.1%,31.8%)`
CMYK	28, 21, 0, 68
HSL	224.3°, 16.5, 27.3	`hsl(224.3,16.5%,27.3%)`
HSV (or HSB)	224.3°, 28.4, 31.8
Web Safe	333366	`#333366`

CIE-LAB	27.187, 1.984, -11.062
XYZ	5.063, 5.16, 8.513
xyY	0.27, 0.275, 5.16
CIE-LCH	27.187, 11.239, 280.167
CIE-LUV	27.187, -3.65, -13.551
Hunter-Lab	22.716, 0.032, -6.319
Binary	00111010, 01000000, 01010001

#3a4051
```
#3a4051 rgb(58,64,81)
```
#514b3a
```
#514b3a rgb(81,75,58)
```

Complementary Color

#3a4c51
```
#3a4c51 rgb(58,76,81)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#403a51
```
#403a51 rgb(64,58,81)
```

Analogous Color

#4c513a
```
#4c513a rgb(76,81,58)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#51403a
```
#51403a rgb(81,64,58)
```

Split Complementary Color

#40513a
```
#40513a rgb(64,81,58)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#513a40
```
#513a40 rgb(81,58,64)
```

Triadic Color

#3a514b
```
#3a514b rgb(58,81,75)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#513a40
```
#513a40 rgb(81,58,64)
```
#514b3a
```
#514b3a rgb(81,75,58)
```

Tetradic Color

#1a1d24
```
#1a1d24 rgb(26,29,36)
```
#252933
```
#252933 rgb(37,41,51)
```
#2f3442
```
#2f3442 rgb(47,52,66)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#454c60
```
#454c60 rgb(69,76,96)
```
#4f576f
```
#4f576f rgb(79,87,111)
```
#5a637e
```
#5a637e rgb(90,99,126)
```

Monochromatic Color

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

#3a4651
```
#3a4651 rgb(58,70,81)
```
#3a4451
```
#3a4451 rgb(58,68,81)
```
#3a4251
```
#3a4251 rgb(58,66,81)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#3a3e51
```
#3a3e51 rgb(58,62,81)
```
#3a3c51
```
#3a3c51 rgb(58,60,81)
```
#3a3a51
```
#3a3a51 rgb(58,58,81)
```

Similar Colors

Text with hexadecimal color #3a4051

This text has a font color of #3a4051.

<span style="color:#3a4051;">Text here</span>

#3a4051 background color

This paragraph has a background color of #3a4051.

<p style="background-color:#3a4051;">Content here</p>

#3a4051 border color

This element has a border color of #3a4051.

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

CSS codes

.text {color:#3a4051;}

.background {background-color:#3a4051;}

.border {border:1px solid #3a4051;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111318
```
#111318 rgb(17,19,24)
```
#191c23
```
#191c23 rgb(25,28,35)
```
#21252f
```
#21252f rgb(33,37,47)
```
#2a2e3a
```
#2a2e3a rgb(42,46,58)
```
#323746
```
#323746 rgb(50,55,70)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#42495c
```
#42495c rgb(66,73,92)
```
#4a5268
```
#4a5268 rgb(74,82,104)
```
#535b73
```
#535b73 rgb(83,91,115)
```
#5b647f
```
#5b647f rgb(91,100,127)
```
#636d8a
```
#636d8a rgb(99,109,138)
```

Shade Color Variation

#6b7695
```
#6b7695 rgb(107,118,149)
```
#77819d
```
#77819d rgb(119,129,157)
```
#828ba6
```
#828ba6 rgb(130,139,166)
```
#8e96ae
```
#8e96ae rgb(142,150,174)
```
#99a1b6
```
#99a1b6 rgb(153,161,182)
```
#a5abbe
```
#a5abbe rgb(165,171,190)
```
#b0b6c6
```
#b0b6c6 rgb(176,182,198)
```
#bbc0cf
```
#bbc0cf rgb(187,192,207)
```
#c7cbd7
```
#c7cbd7 rgb(199,203,215)
```
#d2d6df
```
#d2d6df rgb(210,214,223)
```
#dee0e7
```
#dee0e7 rgb(222,224,231)
```
#e9ebef
```
#e9ebef rgb(233,235,239)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#454546
```
#454546 rgb(69,69,70)
```
#3f434c
```
#3f434c rgb(63,67,76)
```
#3a4051
```
#3a4051 rgb(58,64,81)
```
#353d56
```
#353d56 rgb(53,61,86)
```
#2f3b5c
```
#2f3b5c rgb(47,59,92)
```
#2a3861
```
#2a3861 rgb(42,56,97)
```
#253666
```
#253666 rgb(37,54,102)
```
#1f336c
```
#1f336c rgb(31,51,108)
```
#1a3171
```
#1a3171 rgb(26,49,113)
```
#152e76
```
#152e76 rgb(21,46,118)
```
#0f2c7c
```
#0f2c7c rgb(15,44,124)
```
#0a2981
```
#0a2981 rgb(10,41,129)
```
#052686
```
#052686 rgb(5,38,134)
```

Tone Color Variation

Below, you can see how #3a4051 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

#404040 Achromatopsia 0.005% of the population
#3f4043 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464959 Protanopia 1% of men
#48485a Deuteranopia 1% of men
#424b51 Tritanopia 0.001% of the population

Trichromacy

#414656 Protanomaly 1% of men, 0.01% of women
#434557 Deuteranomaly 6% of men, 0.4% of women
#3f4751 Tritanomaly 0.01% of the population

#3a4051 hex color

#3a4051 Color Information

#3a4051 Color Conversion

Color Schemes with #3a4051

Alternatives to #3a4051

#3a4051 Preview

Shades and Tints of #3a4051

Tones of #3a4051

Color Blindness Simulator