#3b5f69 hex color

In a RGB color space, hex #3b5f69 is composed of 23.1% red, 37.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 9.5% magenta, 0% yellow and 58.8% black. It has a hue angle of 193 degrees, a saturation of 28% and a lightness of 32.2%. #3b5f69 color hex could be obtained by blending #76bed2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 37
- B 41
RGB color chart
- C 44
- M 10
- Y 0
- K 59
CMYK color chart

● #3b5f69 color description : Very dark desaturated cyan.

The hexadecimal color #3b5f69 has RGB values of R:59, G:95, B:105 and CMYK values of C:0.44, M:0.1, Y:0, K:0.59. Its decimal value is 3891049.

Hex triplet	3b5f69	`#3b5f69`
RGB Decimal	59, 95, 105	`rgb(59,95,105)`
RGB Percent	23.1, 37.3, 41.2	`rgb(23.1%,37.3%,41.2%)`
CMYK	44, 10, 0, 59
HSL	193°, 28, 32.2	`hsl(193,28%,32.2%)`
HSV (or HSB)	193°, 43.8, 41.2
Web Safe	336666	`#336666`

CIE-LAB	38.081, -9.997, -9.762
XYZ	8.445, 10.134, 14.875
xyY	0.252, 0.303, 10.134
CIE-LCH	38.081, 13.972, 224.319
CIE-LUV	38.081, -16.396, -11.686
Hunter-Lab	31.833, -8.355, -5.421
Binary	00111011, 01011111, 01101001

#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#69453b
```
#69453b rgb(105,69,59)
```

Complementary Color

#3b695c
```
#3b695c rgb(59,105,92)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#3b4869
```
#3b4869 rgb(59,72,105)
```

Analogous Color

#695c3b
```
#695c3b rgb(105,92,59)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#693b48
```
#693b48 rgb(105,59,72)
```

Split Complementary Color

#5f693b
```
#5f693b rgb(95,105,59)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#693b5f
```
#693b5f rgb(105,59,95)
```

Triadic Color

#3b6945
```
#3b6945 rgb(59,105,69)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#693b5f
```
#693b5f rgb(105,59,95)
```
#69453b
```
#69453b rgb(105,69,59)
```

Tetradic Color

#1f3338
```
#1f3338 rgb(31,51,56)
```
#294148
```
#294148 rgb(41,65,72)
```
#325059
```
#325059 rgb(50,80,89)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#446e79
```
#446e79 rgb(68,110,121)
```
#4d7d8a
```
#4d7d8a rgb(77,125,138)
```
#578b9a
```
#578b9a rgb(87,139,154)
```

Monochromatic Color

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

#3b6968
```
#3b6968 rgb(59,105,104)
```
#3b6769
```
#3b6769 rgb(59,103,105)
```
#3b6369
```
#3b6369 rgb(59,99,105)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#3b5b69
```
#3b5b69 rgb(59,91,105)
```
#3b5769
```
#3b5769 rgb(59,87,105)
```
#3b5469
```
#3b5469 rgb(59,84,105)
```

Similar Colors

Text with hexadecimal color #3b5f69

This text has a font color of #3b5f69.

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

#3b5f69 background color

This paragraph has a background color of #3b5f69.

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

#3b5f69 border color

This element has a border color of #3b5f69.

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

CSS codes

.text {color:#3b5f69;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f11
```
#0a0f11 rgb(10,15,17)
```
#111b1e
```
#111b1e rgb(17,27,30)
```
#18262a
```
#18262a rgb(24,38,42)
```
#1f3237
```
#1f3237 rgb(31,50,55)
```
#263d43
```
#263d43 rgb(38,61,67)
```
#2d4850
```
#2d4850 rgb(45,72,80)
```
#34545c
```
#34545c rgb(52,84,92)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#426a76
```
#426a76 rgb(66,106,118)
```
#497682
```
#497682 rgb(73,118,130)
```
#50818f
```
#50818f rgb(80,129,143)
```
#578c9b
```
#578c9b rgb(87,140,155)
```

Shade Color Variation

#6097a6
```
#6097a6 rgb(96,151,166)
```
#6d9fad
```
#6d9fad rgb(109,159,173)
```
#79a7b4
```
#79a7b4 rgb(121,167,180)
```
#86afbb
```
#86afbb rgb(134,175,187)
```
#93b8c2
```
#93b8c2 rgb(147,184,194)
```
#9fc0c9
```
#9fc0c9 rgb(159,192,201)
```
#acc8d0
```
#acc8d0 rgb(172,200,208)
```
#b8d0d7
```
#b8d0d7 rgb(184,208,215)
```
#c5d9de
```
#c5d9de rgb(197,217,222)
```
#d1e1e5
```
#d1e1e5 rgb(209,225,229)
```
#dee9ec
```
#dee9ec rgb(222,233,236)
```
#eaf1f3
```
#eaf1f3 rgb(234,241,243)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#4e5456
```
#4e5456 rgb(78,84,86)
```
#48585c
```
#48585c rgb(72,88,92)
```
#415b63
```
#415b63 rgb(65,91,99)
```
#3b5f69
```
#3b5f69 rgb(59,95,105)
```
#35636f
```
#35636f rgb(53,99,111)
```
#2e6676
```
#2e6676 rgb(46,102,118)
```
#286a7c
```
#286a7c rgb(40,106,124)
```
#226d82
```
#226d82 rgb(34,109,130)
```
#1b7189
```
#1b7189 rgb(27,113,137)
```
#15748f
```
#15748f rgb(21,116,143)
```
#0f7895
```
#0f7895 rgb(15,120,149)
```
#097c9b
```
#097c9b rgb(9,124,155)
```
#027fa2
```
#027fa2 rgb(2,127,162)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#505759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60616d Protanopia 1% of men
#626073 Deuteranopia 1% of men
#44676f Tritanopia 0.001% of the population

Trichromacy

#52606b Protanomaly 1% of men, 0.01% of women
#545f6f Deuteranomaly 6% of men, 0.4% of women
#41646c Tritanomaly 0.01% of the population

#3b5f69 hex color

#3b5f69 Color Information

#3b5f69 Color Conversion

Color Schemes with #3b5f69

Alternatives to #3b5f69

#3b5f69 Preview

Shades and Tints of #3b5f69

Tones of #3b5f69

Color Blindness Simulator