#3b4f63 hex color

In a RGB color space, hex #3b4f63 is composed of 23.1% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 210 degrees, a saturation of 25.3% and a lightness of 31%. #3b4f63 color hex could be obtained by blending #769ec6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 31
- B 39
RGB color chart
- C 40
- M 20
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #3b4f63 has RGB values of R:59, G:79, B:99 and CMYK values of C:0.4, M:0.2, Y:0, K:0.61. Its decimal value is 3886947.

Hex triplet	3b4f63	`#3b4f63`
RGB Decimal	59, 79, 99	`rgb(59,79,99)`
RGB Percent	23.1, 31, 38.8	`rgb(23.1%,31%,38.8%)`
CMYK	40, 20, 0, 61
HSL	210°, 25.3, 31	`hsl(210,25.3%,31%)`
HSV (or HSB)	210°, 40.4, 38.8
Web Safe	336666	`#336666`

CIE-LAB	32.75, -2.04, -14.115
XYZ	6.851, 7.422, 12.875
xyY	0.252, 0.273, 7.422
CIE-LCH	32.75, 14.262, 261.776
CIE-LUV	32.75, -9.825, -18.027
Hunter-Lab	27.244, -2.788, -8.949
Binary	00111011, 01001111, 01100011

#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#634f3b
```
#634f3b rgb(99,79,59)
```

Complementary Color

#3b6363
```
#3b6363 rgb(59,99,99)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#3b3b63
```
#3b3b63 rgb(59,59,99)
```

Analogous Color

#63633b
```
#63633b rgb(99,99,59)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#633b3b
```
#633b3b rgb(99,59,59)
```

Split Complementary Color

#4f633b
```
#4f633b rgb(79,99,59)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#633b4f
```
#633b4f rgb(99,59,79)
```

Triadic Color

#3b634f
```
#3b634f rgb(59,99,79)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#633b4f
```
#633b4f rgb(99,59,79)
```
#634f3b
```
#634f3b rgb(99,79,59)
```

Tetradic Color

#1e2933
```
#1e2933 rgb(30,41,51)
```
#283643
```
#283643 rgb(40,54,67)
```
#314253
```
#314253 rgb(49,66,83)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#455c73
```
#455c73 rgb(69,92,115)
```
#4e6983
```
#4e6983 rgb(78,105,131)
```
#587593
```
#587593 rgb(88,117,147)
```

Monochromatic Color

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

#3b5963
```
#3b5963 rgb(59,89,99)
```
#3b5663
```
#3b5663 rgb(59,86,99)
```
#3b5263
```
#3b5263 rgb(59,82,99)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#3b4c63
```
#3b4c63 rgb(59,76,99)
```
#3b4863
```
#3b4863 rgb(59,72,99)
```
#3b4563
```
#3b4563 rgb(59,69,99)
```

Similar Colors

Text with hexadecimal color #3b4f63

This text has a font color of #3b4f63.

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

#3b4f63 background color

This paragraph has a background color of #3b4f63.

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

#3b4f63 border color

This element has a border color of #3b4f63.

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

CSS codes

.text {color:#3b4f63;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#080a0d
```
#080a0d rgb(8,10,13)
```
#0f1419
```
#0f1419 rgb(15,20,25)
```
#161e26
```
#161e26 rgb(22,30,38)
```
#1e2832
```
#1e2832 rgb(30,40,50)
```
#25323e
```
#25323e rgb(37,50,62)
```
#2c3b4a
```
#2c3b4a rgb(44,59,74)
```
#344557
```
#344557 rgb(52,69,87)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#42596f
```
#42596f rgb(66,89,111)
```
#4a637c
```
#4a637c rgb(74,99,124)
```
#516c88
```
#516c88 rgb(81,108,136)
```
#587694
```
#587694 rgb(88,118,148)
```

Shade Color Variation

#6080a0
```
#6080a0 rgb(96,128,160)
```
#6c8aa8
```
#6c8aa8 rgb(108,138,168)
```
#7894af
```
#7894af rgb(120,148,175)
```
#859db6
```
#859db6 rgb(133,157,182)
```
#91a7bd
```
#91a7bd rgb(145,167,189)
```
#9db1c5
```
#9db1c5 rgb(157,177,197)
```
#aabbcc
```
#aabbcc rgb(170,187,204)
```
#b6c5d3
```
#b6c5d3 rgb(182,197,211)
```
#c2cfdb
```
#c2cfdb rgb(194,207,219)
```
#cfd8e2
```
#cfd8e2 rgb(207,216,226)
```
#dbe2e9
```
#dbe2e9 rgb(219,226,233)
```
#e7ecf1
```
#e7ecf1 rgb(231,236,241)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

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

#4d4f51
```
#4d4f51 rgb(77,79,81)
```
#474f57
```
#474f57 rgb(71,79,87)
```
#414f5d
```
#414f5d rgb(65,79,93)
```
#3b4f63
```
#3b4f63 rgb(59,79,99)
```
#354f69
```
#354f69 rgb(53,79,105)
```
#2f4f6f
```
#2f4f6f rgb(47,79,111)
```
#294f75
```
#294f75 rgb(41,79,117)
```
#234f7b
```
#234f7b rgb(35,79,123)
```
#1d4f81
```
#1d4f81 rgb(29,79,129)
```
#174f87
```
#174f87 rgb(23,79,135)
```
#104f8e
```
#104f8e rgb(16,79,142)
```
#0a4f94
```
#0a4f94 rgb(10,79,148)
```
#044f9a
```
#044f9a rgb(4,79,154)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#484c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515569 Protanopia 1% of men
#51546c Deuteranopia 1% of men
#415a60 Tritanopia 0.001% of the population

Trichromacy

#495367 Protanomaly 1% of men, 0.01% of women
#495268 Deuteranomaly 6% of men, 0.4% of women
#3f5661 Tritanomaly 0.01% of the population

#3b4f63 hex color

#3b4f63 Color Information

#3b4f63 Color Conversion

Color Schemes with #3b4f63

Alternatives to #3b4f63

#3b4f63 Preview

Shades and Tints of #3b4f63

Tones of #3b4f63

Color Blindness Simulator