#3f5860 hex color

In a RGB color space, hex #3f5860 is composed of 24.7% red, 34.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 8.3% magenta, 0% yellow and 62.4% black. It has a hue angle of 194.5 degrees, a saturation of 20.8% and a lightness of 31.2%. #3f5860 color hex could be obtained by blending #7eb0c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 35
- B 38
RGB color chart
- C 34
- M 8
- Y 0
- K 62
CMYK color chart

● #3f5860 color description : Very dark grayish cyan.

The hexadecimal color #3f5860 has RGB values of R:63, G:88, B:96 and CMYK values of C:0.34, M:0.08, Y:0, K:0.62. Its decimal value is 4151392.

Hex triplet	3f5860	`#3f5860`
RGB Decimal	63, 88, 96	`rgb(63,88,96)`
RGB Percent	24.7, 34.5, 37.6	`rgb(24.7%,34.5%,37.6%)`
CMYK	34, 8, 0, 62
HSL	194.5°, 20.8, 31.2	`hsl(194.5,20.8%,31.2%)`
HSV (or HSB)	194.5°, 34.4, 37.6
Web Safe	336666	`#336666`

CIE-LAB	35.753, -7.19, -7.653
XYZ	7.65, 8.88, 12.377
xyY	0.265, 0.307, 8.88
CIE-LCH	35.753, 10.501, 226.786
CIE-LUV	35.753, -12.041, -8.967
Hunter-Lab	29.8, -6.325, -3.765
Binary	00111111, 01011000, 01100000

#3f5860
```
#3f5860 rgb(63,88,96)
```
#60473f
```
#60473f rgb(96,71,63)
```

Complementary Color

#3f6058
```
#3f6058 rgb(63,96,88)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#3f4860
```
#3f4860 rgb(63,72,96)
```

Analogous Color

#60583f
```
#60583f rgb(96,88,63)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#603f48
```
#603f48 rgb(96,63,72)
```

Split Complementary Color

#58603f
```
#58603f rgb(88,96,63)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#603f58
```
#603f58 rgb(96,63,88)
```

Triadic Color

#3f6047
```
#3f6047 rgb(63,96,71)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#603f58
```
#603f58 rgb(96,63,88)
```
#60473f
```
#60473f rgb(96,71,63)
```

Tetradic Color

#212e32
```
#212e32 rgb(33,46,50)
```
#2b3c41
```
#2b3c41 rgb(43,60,65)
```
#354a51
```
#354a51 rgb(53,74,81)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#49666f
```
#49666f rgb(73,102,111)
```
#53747f
```
#53747f rgb(83,116,127)
```
#5d828e
```
#5d828e rgb(93,130,142)
```

Monochromatic Color

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

#3f6060
```
#3f6060 rgb(63,96,96)
```
#3f5e60
```
#3f5e60 rgb(63,94,96)
```
#3f5b60
```
#3f5b60 rgb(63,91,96)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#3f5560
```
#3f5560 rgb(63,85,96)
```
#3f5360
```
#3f5360 rgb(63,83,96)
```
#3f5060
```
#3f5060 rgb(63,80,96)
```

Similar Colors

Text with hexadecimal color #3f5860

This text has a font color of #3f5860.

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

#3f5860 background color

This paragraph has a background color of #3f5860.

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

#3f5860 border color

This element has a border color of #3f5860.

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

CSS codes

.text {color:#3f5860;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0d
```
#090c0d rgb(9,12,13)
```
#101719
```
#101719 rgb(16,23,25)
```
#182225
```
#182225 rgb(24,34,37)
```
#202d31
```
#202d31 rgb(32,45,49)
```
#28373c
```
#28373c rgb(40,55,60)
```
#2f4248
```
#2f4248 rgb(47,66,72)
```
#374d54
```
#374d54 rgb(55,77,84)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#47636c
```
#47636c rgb(71,99,108)
```
#4f6e78
```
#4f6e78 rgb(79,110,120)
```
#567984
```
#567984 rgb(86,121,132)
```
#5e838f
```
#5e838f rgb(94,131,143)
```

Shade Color Variation

#668e9b
```
#668e9b rgb(102,142,155)
```
#7297a3
```
#7297a3 rgb(114,151,163)
```
#7ea0aa
```
#7ea0aa rgb(126,160,170)
```
#8aa8b2
```
#8aa8b2 rgb(138,168,178)
```
#96b1ba
```
#96b1ba rgb(150,177,186)
```
#a2bac2
```
#a2bac2 rgb(162,186,194)
```
#adc3c9
```
#adc3c9 rgb(173,195,201)
```
#b9cbd1
```
#b9cbd1 rgb(185,203,209)
```
#c5d4d9
```
#c5d4d9 rgb(197,212,217)
```
#d1dde1
```
#d1dde1 rgb(209,221,225)
```
#dde6e9
```
#dde6e9 rgb(221,230,233)
```
#e9eef0
```
#e9eef0 rgb(233,238,240)
```
#f4f7f8
```
#f4f7f8 rgb(244,247,248)
```

Tint Color Variation

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

#4b5254
```
#4b5254 rgb(75,82,84)
```
#45555a
```
#45555a rgb(69,85,90)
```
#3f5860
```
#3f5860 rgb(63,88,96)
```
#395b66
```
#395b66 rgb(57,91,102)
```
#335e6c
```
#335e6c rgb(51,94,108)
```
#2d6172
```
#2d6172 rgb(45,97,114)
```
#276578
```
#276578 rgb(39,101,120)
```
#20687f
```
#20687f rgb(32,104,127)
```
#1a6b85
```
#1a6b85 rgb(26,107,133)
```
#146e8b
```
#146e8b rgb(20,110,139)
```
#0e7191
```
#0e7191 rgb(14,113,145)
```
#087497
```
#087497 rgb(8,116,151)
```
#02789d
```
#02789d rgb(2,120,157)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4d5254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5c65 Protanopia 1% of men
#5e5a6a Deuteranopia 1% of men
#486067 Tritanopia 0.001% of the population

Trichromacy

#515a63 Protanomaly 1% of men, 0.01% of women
#535966 Deuteranomaly 6% of men, 0.4% of women
#455d64 Tritanomaly 0.01% of the population

#3f5860 hex color

#3f5860 Color Information

#3f5860 Color Conversion

Color Schemes with #3f5860

Alternatives to #3f5860

#3f5860 Preview

Shades and Tints of #3f5860

Tones of #3f5860

Color Blindness Simulator