#3a364f hex color

In a RGB color space, hex #3a364f is composed of 22.7% red, 21.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 26.6% cyan, 31.6% magenta, 0% yellow and 69% black. It has a hue angle of 249.6 degrees, a saturation of 18.8% and a lightness of 26.1%. #3a364f color hex could be obtained by blending #746c9e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 21
- B 31
RGB color chart
- C 27
- M 32
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #3a364f has RGB values of R:58, G:54, B:79 and CMYK values of C:0.27, M:0.32, Y:0, K:0.69. Its decimal value is 3814991.

Hex triplet	3a364f	`#3a364f`
RGB Decimal	58, 54, 79	`rgb(58,54,79)`
RGB Percent	22.7, 21.2, 31	`rgb(22.7%,21.2%,31%)`
CMYK	27, 32, 0, 69
HSL	249.6°, 18.8, 26.1	`hsl(249.6,18.8%,26.1%)`
HSV (or HSB)	249.6°, 31.6, 31
Web Safe	333366	`#333366`

CIE-LAB	24.007, 8.104, -14.624
XYZ	4.475, 4.102, 7.953
xyY	0.271, 0.248, 4.102
CIE-LCH	24.007, 16.72, 298.992
CIE-LUV	24.007, 0.42, -17.946
Hunter-Lab	20.254, 3.994, -9.102
Binary	00111010, 00110110, 01001111

#3a364f
```
#3a364f rgb(58,54,79)
```
#4b4f36
```
#4b4f36 rgb(75,79,54)
```

Complementary Color

#363f4f
```
#363f4f rgb(54,63,79)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#47364f
```
#47364f rgb(71,54,79)
```

Analogous Color

#3f4f36
```
#3f4f36 rgb(63,79,54)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#4f4736
```
#4f4736 rgb(79,71,54)
```

Split Complementary Color

#364f3a
```
#364f3a rgb(54,79,58)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#4f3a36
```
#4f3a36 rgb(79,58,54)
```

Triadic Color

#364b4f
```
#364b4f rgb(54,75,79)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#4f3a36
```
#4f3a36 rgb(79,58,54)
```
#4b4f36
```
#4b4f36 rgb(75,79,54)
```

Tetradic Color

#191722
```
#191722 rgb(25,23,34)
```
#242131
```
#242131 rgb(36,33,49)
```
#2f2c40
```
#2f2c40 rgb(47,44,64)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#45405e
```
#45405e rgb(69,64,94)
```
#504b6d
```
#504b6d rgb(80,75,109)
```
#5b557c
```
#5b557c rgb(91,85,124)
```

Monochromatic Color

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

#36384f
```
#36384f rgb(54,56,79)
```
#36364f
```
#36364f rgb(54,54,79)
```
#38364f
```
#38364f rgb(56,54,79)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#3c364f
```
#3c364f rgb(60,54,79)
```
#3e364f
```
#3e364f rgb(62,54,79)
```
#40364f
```
#40364f rgb(64,54,79)
```

Similar Colors

Text with hexadecimal color #3a364f

This text has a font color of #3a364f.

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

#3a364f background color

This paragraph has a background color of #3a364f.

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

#3a364f border color

This element has a border color of #3a364f.

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

CSS codes

.text {color:#3a364f;}

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

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

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

#070609
```
#070609 rgb(7,6,9)
```
#0f0e15
```
#0f0e15 rgb(15,14,21)
```
#181620
```
#181620 rgb(24,22,32)
```
#201e2c
```
#201e2c rgb(32,30,44)
```
#292638
```
#292638 rgb(41,38,56)
```
#312e43
```
#312e43 rgb(49,46,67)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#433e5b
```
#433e5b rgb(67,62,91)
```
#4b4666
```
#4b4666 rgb(75,70,102)
```
#544e72
```
#544e72 rgb(84,78,114)
```
#5c567e
```
#5c567e rgb(92,86,126)
```
#655e89
```
#655e89 rgb(101,94,137)
```
#6d6695
```
#6d6695 rgb(109,102,149)
```

Shade Color Variation

#78719e
```
#78719e rgb(120,113,158)
```
#837ca6
```
#837ca6 rgb(131,124,166)
```
#8e88ae
```
#8e88ae rgb(142,136,174)
```
#9994b6
```
#9994b6 rgb(153,148,182)
```
#a49fbe
```
#a49fbe rgb(164,159,190)
```
#afabc6
```
#afabc6 rgb(175,171,198)
```
#bab7cd
```
#bab7cd rgb(186,183,205)
```
#c5c2d5
```
#c5c2d5 rgb(197,194,213)
```
#d0cedd
```
#d0cedd rgb(208,206,221)
```
#dbd9e5
```
#dbd9e5 rgb(219,217,229)
```
#e6e5ed
```
#e6e5ed rgb(230,229,237)
```
#f2f1f5
```
#f2f1f5 rgb(242,241,245)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#414045
```
#414045 rgb(65,64,69)
```
#3d3b4a
```
#3d3b4a rgb(61,59,74)
```
#3a364f
```
#3a364f rgb(58,54,79)
```
#373154
```
#373154 rgb(55,49,84)
```
#332c59
```
#332c59 rgb(51,44,89)
```
#30275e
```
#30275e rgb(48,39,94)
```
#2c2263
```
#2c2263 rgb(44,34,99)
```
#291c69
```
#291c69 rgb(41,28,105)
```
#25176e
```
#25176e rgb(37,23,110)
```
#221273
```
#221273 rgb(34,18,115)
```
#1e0d78
```
#1e0d78 rgb(30,13,120)
```
#1b087d
```
#1b087d rgb(27,8,125)
```
#170382
```
#170382 rgb(23,3,130)
```

Tone Color Variation

Below, you can see how #3a364f 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
#3a393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4259 Protanopia 1% of men
#3d4257 Deuteranopia 1% of men
#404348 Tritanopia 0.001% of the population

Trichromacy

#3b3e55 Protanomaly 1% of men, 0.01% of women
#3c3d54 Deuteranomaly 6% of men, 0.4% of women
#3e3e4a Tritanomaly 0.01% of the population

#3a364f hex color

#3a364f Color Information

#3a364f Color Conversion

Color Schemes with #3a364f

Alternatives to #3a364f

#3a364f Preview

Shades and Tints of #3a364f

Tones of #3a364f

Color Blindness Simulator