#3b486b hex color

In a RGB color space, hex #3b486b is composed of 23.1% red, 28.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 32.7% magenta, 0% yellow and 58% black. It has a hue angle of 223.8 degrees, a saturation of 28.9% and a lightness of 32.5%. #3b486b color hex could be obtained by blending #7690d6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 28
- B 42
RGB color chart
- C 45
- M 33
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #3b486b has RGB values of R:59, G:72, B:107 and CMYK values of C:0.45, M:0.33, Y:0, K:0.58. Its decimal value is 3885163.

Hex triplet	3b486b	`#3b486b`
RGB Decimal	59, 72, 107	`rgb(59,72,107)`
RGB Percent	23.1, 28.2, 42	`rgb(23.1%,28.2%,42%)`
CMYK	45, 33, 0, 58
HSL	223.8°, 28.9, 32.5	`hsl(223.8,28.9%,32.5%)`
HSV (or HSB)	223.8°, 44.9, 42
Web Safe	333366	`#333366`

CIE-LAB	30.939, 4.981, -21.974
XYZ	6.774, 6.626, 14.831
xyY	0.24, 0.235, 6.626
CIE-LCH	30.939, 22.532, 282.771
CIE-LUV	30.939, -7.231, -29.166
Hunter-Lab	25.741, 1.93, -16.143
Binary	00111011, 01001000, 01101011

#3b486b
```
#3b486b rgb(59,72,107)
```
#6b5e3b
```
#6b5e3b rgb(107,94,59)
```

Complementary Color

#3b606b
```
#3b606b rgb(59,96,107)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#463b6b
```
#463b6b rgb(70,59,107)
```

Analogous Color

#606b3b
```
#606b3b rgb(96,107,59)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#6b463b
```
#6b463b rgb(107,70,59)
```

Split Complementary Color

#486b3b
```
#486b3b rgb(72,107,59)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#6b3b48
```
#6b3b48 rgb(107,59,72)
```

Triadic Color

#3b6b5e
```
#3b6b5e rgb(59,107,94)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#6b3b48
```
#6b3b48 rgb(107,59,72)
```
#6b5e3b
```
#6b5e3b rgb(107,94,59)
```

Tetradic Color

#20273a
```
#20273a rgb(32,39,58)
```
#29324a
```
#29324a rgb(41,50,74)
```
#323d5b
```
#323d5b rgb(50,61,91)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#44537b
```
#44537b rgb(68,83,123)
```
#4d5e8c
```
#4d5e8c rgb(77,94,140)
```
#56699c
```
#56699c rgb(86,105,156)
```

Monochromatic Color

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

#3b546b
```
#3b546b rgb(59,84,107)
```
#3b506b
```
#3b506b rgb(59,80,107)
```
#3b4c6b
```
#3b4c6b rgb(59,76,107)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#3b446b
```
#3b446b rgb(59,68,107)
```
#3b406b
```
#3b406b rgb(59,64,107)
```
#3b3c6b
```
#3b3c6b rgb(59,60,107)
```

Similar Colors

Text with hexadecimal color #3b486b

This text has a font color of #3b486b.

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

#3b486b background color

This paragraph has a background color of #3b486b.

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

#3b486b border color

This element has a border color of #3b486b.

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

CSS codes

.text {color:#3b486b;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0c12
```
#0a0c12 rgb(10,12,18)
```
#11151f
```
#11151f rgb(17,21,31)
```
#181d2c
```
#181d2c rgb(24,29,44)
```
#1f2638
```
#1f2638 rgb(31,38,56)
```
#262e45
```
#262e45 rgb(38,46,69)
```
#2d3752
```
#2d3752 rgb(45,55,82)
```
#343f5e
```
#343f5e rgb(52,63,94)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#425178
```
#425178 rgb(66,81,120)
```
#495984
```
#495984 rgb(73,89,132)
```
#506291
```
#506291 rgb(80,98,145)
```
#576a9e
```
#576a9e rgb(87,106,158)
```

Shade Color Variation

#6074a8
```
#6074a8 rgb(96,116,168)
```
#6d7faf
```
#6d7faf rgb(109,127,175)
```
#7a8ab6
```
#7a8ab6 rgb(122,138,182)
```
#8695bd
```
#8695bd rgb(134,149,189)
```
#93a0c3
```
#93a0c3 rgb(147,160,195)
```
#a0abca
```
#a0abca rgb(160,171,202)
```
#acb6d1
```
#acb6d1 rgb(172,182,209)
```
#b9c1d8
```
#b9c1d8 rgb(185,193,216)
```
#c6cddf
```
#c6cddf rgb(198,205,223)
```
#d2d8e6
```
#d2d8e6 rgb(210,216,230)
```
#dfe3ed
```
#dfe3ed rgb(223,227,237)
```
#eceef4
```
#eceef4 rgb(236,238,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#4e5158
```
#4e5158 rgb(78,81,88)
```
#484e5e
```
#484e5e rgb(72,78,94)
```
#414b65
```
#414b65 rgb(65,75,101)
```
#3b486b
```
#3b486b rgb(59,72,107)
```
#354571
```
#354571 rgb(53,69,113)
```
#2e4278
```
#2e4278 rgb(46,66,120)
```
#283f7e
```
#283f7e rgb(40,63,126)
```
#213c85
```
#213c85 rgb(33,60,133)
```
#1b398b
```
#1b398b rgb(27,57,139)
```
#153691
```
#153691 rgb(21,54,145)
```
#0e3498
```
#0e3498 rgb(14,52,152)
```
#08319e
```
#08319e rgb(8,49,158)
```
#022ea4
```
#022ea4 rgb(2,46,164)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#45484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#465172 Protanopia 1% of men
#445172 Deuteranopia 1% of men
#3d565c Tritanopia 0.001% of the population

Trichromacy

#424d6f Protanomaly 1% of men, 0.01% of women
#414e6f Deuteranomaly 6% of men, 0.4% of women
#3c5061 Tritanomaly 0.01% of the population

#3b486b hex color

#3b486b Color Information

#3b486b Color Conversion

Color Schemes with #3b486b

Alternatives to #3b486b

#3b486b Preview

Shades and Tints of #3b486b

Tones of #3b486b

Color Blindness Simulator