#3b5668 hex color

In a RGB color space, hex #3b5668 is composed of 23.1% red, 33.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 17.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 204 degrees, a saturation of 27.6% and a lightness of 32%. #3b5668 color hex could be obtained by blending #76acd0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 34
- B 41
RGB color chart
- C 43
- M 17
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #3b5668 has RGB values of R:59, G:86, B:104 and CMYK values of C:0.43, M:0.17, Y:0, K:0.59. Its decimal value is 3888744.

Hex triplet	3b5668	`#3b5668`
RGB Decimal	59, 86, 104	`rgb(59,86,104)`
RGB Percent	23.1, 33.7, 40.8	`rgb(23.1%,33.7%,40.8%)`
CMYK	43, 17, 0, 59
HSL	204°, 27.6, 32	`hsl(204,27.6%,32%)`
HSV (or HSB)	204°, 43.3, 40.8
Web Safe	336666	`#336666`

CIE-LAB	35.172, -4.881, -13.555
XYZ	7.63, 8.585, 14.351
xyY	0.25, 0.281, 8.585
CIE-LCH	35.172, 14.407, 250.195
CIE-LUV	35.172, -12.7, -17.281
Hunter-Lab	29.299, -4.793, -8.531
Binary	00111011, 01010110, 01101000

#3b5668
```
#3b5668 rgb(59,86,104)
```
#684d3b
```
#684d3b rgb(104,77,59)
```

Complementary Color

#3b6864
```
#3b6864 rgb(59,104,100)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#3b4068
```
#3b4068 rgb(59,64,104)
```

Analogous Color

#68643b
```
#68643b rgb(104,100,59)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#683b40
```
#683b40 rgb(104,59,64)
```

Split Complementary Color

#56683b
```
#56683b rgb(86,104,59)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#683b56
```
#683b56 rgb(104,59,86)
```

Triadic Color

#3b684d
```
#3b684d rgb(59,104,77)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#683b56
```
#683b56 rgb(104,59,86)
```
#684d3b
```
#684d3b rgb(104,77,59)
```

Tetradic Color

#1f2e37
```
#1f2e37 rgb(31,46,55)
```
#293b47
```
#293b47 rgb(41,59,71)
```
#324958
```
#324958 rgb(50,73,88)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#446378
```
#446378 rgb(68,99,120)
```
#4d7189
```
#4d7189 rgb(77,113,137)
```
#577e99
```
#577e99 rgb(87,126,153)
```

Monochromatic Color

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

#3b6168
```
#3b6168 rgb(59,97,104)
```
#3b5e68
```
#3b5e68 rgb(59,94,104)
```
#3b5a68
```
#3b5a68 rgb(59,90,104)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#3b5268
```
#3b5268 rgb(59,82,104)
```
#3b4f68
```
#3b4f68 rgb(59,79,104)
```
#3b4b68
```
#3b4b68 rgb(59,75,104)
```

Similar Colors

Text with hexadecimal color #3b5668

This text has a font color of #3b5668.

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

#3b5668 background color

This paragraph has a background color of #3b5668.

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

#3b5668 border color

This element has a border color of #3b5668.

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

CSS codes

.text {color:#3b5668;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090e10
```
#090e10 rgb(9,14,16)
```
#10181d
```
#10181d rgb(16,24,29)
```
#172229
```
#172229 rgb(23,34,41)
```
#1f2d36
```
#1f2d36 rgb(31,45,54)
```
#263742
```
#263742 rgb(38,55,66)
```
#2d414f
```
#2d414f rgb(45,65,79)
```
#344c5b
```
#344c5b rgb(52,76,91)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#426075
```
#426075 rgb(66,96,117)
```
#496b81
```
#496b81 rgb(73,107,129)
```
#50758e
```
#50758e rgb(80,117,142)
```
#577f9a
```
#577f9a rgb(87,127,154)
```

Shade Color Variation

#6089a5
```
#6089a5 rgb(96,137,165)
```
#6d93ac
```
#6d93ac rgb(109,147,172)
```
#799cb3
```
#799cb3 rgb(121,156,179)
```
#86a5ba
```
#86a5ba rgb(134,165,186)
```
#92aec1
```
#92aec1 rgb(146,174,193)
```
#9fb8c8
```
#9fb8c8 rgb(159,184,200)
```
#abc1cf
```
#abc1cf rgb(171,193,207)
```
#b8cad7
```
#b8cad7 rgb(184,202,215)
```
#c4d4de
```
#c4d4de rgb(196,212,222)
```
#d1dde5
```
#d1dde5 rgb(209,221,229)
```
#dde6ec
```
#dde6ec rgb(221,230,236)
```
#eaeff3
```
#eaeff3 rgb(234,239,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#4e5255
```
#4e5255 rgb(78,82,85)
```
#48535b
```
#48535b rgb(72,83,91)
```
#415562
```
#415562 rgb(65,85,98)
```
#3b5668
```
#3b5668 rgb(59,86,104)
```
#35576e
```
#35576e rgb(53,87,110)
```
#2e5975
```
#2e5975 rgb(46,89,117)
```
#285a7b
```
#285a7b rgb(40,90,123)
```
#225b81
```
#225b81 rgb(34,91,129)
```
#1c5c87
```
#1c5c87 rgb(28,92,135)
```
#155e8e
```
#155e8e rgb(21,94,142)
```
#0f5f94
```
#0f5f94 rgb(15,95,148)
```
#09609a
```
#09609a rgb(9,96,154)
```
#0361a0
```
#0361a0 rgb(3,97,160)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c5155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575a6d Protanopia 1% of men
#585a71 Deuteranopia 1% of men
#426067 Tritanopia 0.001% of the population

Trichromacy

#4d596b Protanomaly 1% of men, 0.01% of women
#4d586e Deuteranomaly 6% of men, 0.4% of women
#3f5c67 Tritanomaly 0.01% of the population

#3b5668 hex color

#3b5668 Color Information

#3b5668 Color Conversion

Color Schemes with #3b5668

Alternatives to #3b5668

#3b5668 Preview

Shades and Tints of #3b5668

Tones of #3b5668

Color Blindness Simulator