#3b475f hex color

In a RGB color space, hex #3b475f is composed of 23.1% red, 27.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 25.3% magenta, 0% yellow and 62.7% black. It has a hue angle of 220 degrees, a saturation of 23.4% and a lightness of 30.2%. #3b475f color hex could be obtained by blending #768ebe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 28
- B 37
RGB color chart
- C 38
- M 25
- Y 0
- K 63
CMYK color chart

● #3b475f color description : Very dark desaturated blue.

The hexadecimal color #3b475f has RGB values of R:59, G:71, B:95 and CMYK values of C:0.38, M:0.25, Y:0, K:0.63. Its decimal value is 3884895.

Hex triplet	3b475f	`#3b475f`
RGB Decimal	59, 71, 95	`rgb(59,71,95)`
RGB Percent	23.1, 27.8, 37.3	`rgb(23.1%,27.8%,37.3%)`
CMYK	38, 25, 0, 63
HSL	220°, 23.4, 30.2	`hsl(220,23.4%,30.2%)`
HSV (or HSB)	220°, 37.9, 37.3
Web Safe	333366	`#333366`

CIE-LAB	30.065, 1.871, -15.694
XYZ	6.122, 6.262, 11.712
xyY	0.254, 0.26, 6.262
CIE-LCH	30.065, 15.805, 276.798
CIE-LUV	30.065, -6.53, -20.106
Hunter-Lab	25.025, -0.125, -10.232
Binary	00111011, 01000111, 01011111

#3b475f
```
#3b475f rgb(59,71,95)
```
#5f533b
```
#5f533b rgb(95,83,59)
```

Complementary Color

#3b595f
```
#3b595f rgb(59,89,95)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#413b5f
```
#413b5f rgb(65,59,95)
```

Analogous Color

#595f3b
```
#595f3b rgb(89,95,59)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#5f413b
```
#5f413b rgb(95,65,59)
```

Split Complementary Color

#475f3b
```
#475f3b rgb(71,95,59)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#5f3b47
```
#5f3b47 rgb(95,59,71)
```

Triadic Color

#3b5f53
```
#3b5f53 rgb(59,95,83)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#5f3b47
```
#5f3b47 rgb(95,59,71)
```
#5f533b
```
#5f533b rgb(95,83,59)
```

Tetradic Color

#1e2430
```
#1e2430 rgb(30,36,48)
```
#272f40
```
#272f40 rgb(39,47,64)
```
#313b4f
```
#313b4f rgb(49,59,79)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#45536f
```
#45536f rgb(69,83,111)
```
#4f5f7e
```
#4f5f7e rgb(79,95,126)
```
#586a8e
```
#586a8e rgb(88,106,142)
```

Monochromatic Color

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

#3b505f
```
#3b505f rgb(59,80,95)
```
#3b4d5f
```
#3b4d5f rgb(59,77,95)
```
#3b4a5f
```
#3b4a5f rgb(59,74,95)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#3b445f
```
#3b445f rgb(59,68,95)
```
#3b415f
```
#3b415f rgb(59,65,95)
```
#3b3e5f
```
#3b3e5f rgb(59,62,95)
```

Similar Colors

Text with hexadecimal color #3b475f

This text has a font color of #3b475f.

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

#3b475f background color

This paragraph has a background color of #3b475f.

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

#3b475f border color

This element has a border color of #3b475f.

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

CSS codes

.text {color:#3b475f;}

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

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

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0e1116
```
#0e1116 rgb(14,17,22)
```
#151a22
```
#151a22 rgb(21,26,34)
```
#1d232f
```
#1d232f rgb(29,35,47)
```
#242c3b
```
#242c3b rgb(36,44,59)
```
#2c3547
```
#2c3547 rgb(44,53,71)
```
#333e53
```
#333e53 rgb(51,62,83)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#43506b
```
#43506b rgb(67,80,107)
```
#4a5977
```
#4a5977 rgb(74,89,119)
```
#526283
```
#526283 rgb(82,98,131)
```
#596b8f
```
#596b8f rgb(89,107,143)
```
#61749c
```
#61749c rgb(97,116,156)
```

Shade Color Variation

#6c7fa4
```
#6c7fa4 rgb(108,127,164)
```
#7889ab
```
#7889ab rgb(120,137,171)
```
#8494b3
```
#8494b3 rgb(132,148,179)
```
#909eba
```
#909eba rgb(144,158,186)
```
#9ca9c2
```
#9ca9c2 rgb(156,169,194)
```
#a8b3c9
```
#a8b3c9 rgb(168,179,201)
```
#b5bed1
```
#b5bed1 rgb(181,190,209)
```
#c1c9d8
```
#c1c9d8 rgb(193,201,216)
```
#cdd3e0
```
#cdd3e0 rgb(205,211,224)
```
#d9dee7
```
#d9dee7 rgb(217,222,231)
```
#e5e8ef
```
#e5e8ef rgb(229,232,239)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4d4d4d
```
#4d4d4d rgb(77,77,77)
```
#474b53
```
#474b53 rgb(71,75,83)
```
#414959
```
#414959 rgb(65,73,89)
```
#3b475f
```
#3b475f rgb(59,71,95)
```
#354565
```
#354565 rgb(53,69,101)
```
#2f436b
```
#2f436b rgb(47,67,107)
```
#294171
```
#294171 rgb(41,65,113)
```
#233f77
```
#233f77 rgb(35,63,119)
```
#1d3d7d
```
#1d3d7d rgb(29,61,125)
```
#173b83
```
#173b83 rgb(23,59,131)
```
#123988
```
#123988 rgb(18,57,136)
```
#0c378e
```
#0c378e rgb(12,55,142)
```
#063594
```
#063594 rgb(6,53,148)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#44464b Atypical Achromatopsia 0.001% of the population

Dichromacy

#494f66 Protanopia 1% of men
#4a4f67 Deuteranopia 1% of men
#415359 Tritanopia 0.001% of the population

Trichromacy

#444c63 Protanomaly 1% of men, 0.01% of women
#444c64 Deuteranomaly 6% of men, 0.4% of women
#3e4e5b Tritanomaly 0.01% of the population

#3b475f hex color

#3b475f Color Information

#3b475f Color Conversion

Color Schemes with #3b475f

Alternatives to #3b475f

#3b475f Preview

Shades and Tints of #3b475f

Tones of #3b475f

Color Blindness Simulator