#3f5e67 hex color

In a RGB color space, hex #3f5e67 is composed of 24.7% red, 36.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 8.7% magenta, 0% yellow and 59.6% black. It has a hue angle of 193.5 degrees, a saturation of 24.1% and a lightness of 32.5%. #3f5e67 color hex could be obtained by blending #7ebcce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 37
- B 40
RGB color chart
- C 39
- M 9
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #3f5e67 has RGB values of R:63, G:94, B:103 and CMYK values of C:0.39, M:0.09, Y:0, K:0.6. Its decimal value is 4152935.

Hex triplet	3f5e67	`#3f5e67`
RGB Decimal	63, 94, 103	`rgb(63,94,103)`
RGB Percent	24.7, 36.9, 40.4	`rgb(24.7%,36.9%,40.4%)`
CMYK	39, 9, 0, 60
HSL	193.5°, 24.1, 32.5	`hsl(193.5,24.1%,32.5%)`
HSV (or HSB)	193.5°, 38.8, 40.4
Web Safe	336666	`#336666`

CIE-LAB	37.916, -8.799, -8.753
XYZ	8.5, 10.041, 14.321
xyY	0.259, 0.306, 10.041
CIE-LCH	37.916, 12.412, 224.85
CIE-LUV	37.916, -14.583, -10.42
Hunter-Lab	31.688, -7.571, -4.615
Binary	00111111, 01011110, 01100111

#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#67483f
```
#67483f rgb(103,72,63)
```

Complementary Color

#3f675c
```
#3f675c rgb(63,103,92)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#3f4a67
```
#3f4a67 rgb(63,74,103)
```

Analogous Color

#675c3f
```
#675c3f rgb(103,92,63)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#673f4a
```
#673f4a rgb(103,63,74)
```

Split Complementary Color

#5e673f
```
#5e673f rgb(94,103,63)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#673f5e
```
#673f5e rgb(103,63,94)
```

Triadic Color

#3f6748
```
#3f6748 rgb(63,103,72)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#673f5e
```
#673f5e rgb(103,63,94)
```
#67483f
```
#67483f rgb(103,72,63)
```

Tetradic Color

#223338
```
#223338 rgb(34,51,56)
```
#2c4147
```
#2c4147 rgb(44,65,71)
```
#355057
```
#355057 rgb(53,80,87)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#496c77
```
#496c77 rgb(73,108,119)
```
#527b87
```
#527b87 rgb(82,123,135)
```
#5c8996
```
#5c8996 rgb(92,137,150)
```

Monochromatic Color

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

#3f6766
```
#3f6766 rgb(63,103,102)
```
#3f6567
```
#3f6567 rgb(63,101,103)
```
#3f6167
```
#3f6167 rgb(63,97,103)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#3f5767
```
#3f5767 rgb(63,87,103)
```
#3f5467
```
#3f5467 rgb(63,84,103)
```

Similar Colors

Text with hexadecimal color #3f5e67

This text has a font color of #3f5e67.

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

#3f5e67 background color

This paragraph has a background color of #3f5e67.

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

#3f5e67 border color

This element has a border color of #3f5e67.

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

CSS codes

.text {color:#3f5e67;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#121b1e
```
#121b1e rgb(18,27,30)
```
#1a262a
```
#1a262a rgb(26,38,42)
```
#213236
```
#213236 rgb(33,50,54)
```
#293d42
```
#293d42 rgb(41,61,66)
```
#30484f
```
#30484f rgb(48,72,79)
```
#38535b
```
#38535b rgb(56,83,91)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#466973
```
#466973 rgb(70,105,115)
```
#4e747f
```
#4e747f rgb(78,116,127)
```
#557f8c
```
#557f8c rgb(85,127,140)
```
#5d8a98
```
#5d8a98 rgb(93,138,152)
```

Shade Color Variation

#6694a2
```
#6694a2 rgb(102,148,162)
```
#739da9
```
#739da9 rgb(115,157,169)
```
#7fa5b1
```
#7fa5b1 rgb(127,165,177)
```
#8baeb8
```
#8baeb8 rgb(139,174,184)
```
#97b6bf
```
#97b6bf rgb(151,182,191)
```
#a3bfc7
```
#a3bfc7 rgb(163,191,199)
```
#afc7ce
```
#afc7ce rgb(175,199,206)
```
#bcd0d6
```
#bcd0d6 rgb(188,208,214)
```
#c8d8dd
```
#c8d8dd rgb(200,216,221)
```
#d4e1e5
```
#d4e1e5 rgb(212,225,229)
```
#e0e9ec
```
#e0e9ec rgb(224,233,236)
```
#ecf2f4
```
#ecf2f4 rgb(236,242,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525354 is the less saturated color, while #067ea0 is the most saturated one.

#525354
```
#525354 rgb(82,83,84)
```
#4c575a
```
#4c575a rgb(76,87,90)
```
#455a61
```
#455a61 rgb(69,90,97)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#39626d
```
#39626d rgb(57,98,109)
```
#326574
```
#326574 rgb(50,101,116)
```
#2c697a
```
#2c697a rgb(44,105,122)
```
#256c81
```
#256c81 rgb(37,108,129)
```
#1f7087
```
#1f7087 rgb(31,112,135)
```
#19738d
```
#19738d rgb(25,115,141)
```
#127794
```
#127794 rgb(18,119,148)
```
#0c7a9a
```
#0c7a9a rgb(12,122,154)
```
#067ea0
```
#067ea0 rgb(6,126,160)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#515859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60616b Protanopia 1% of men
#635f71 Deuteranopia 1% of men
#48666d Tritanopia 0.001% of the population

Trichromacy

#54606a Protanomaly 1% of men, 0.01% of women
#555f6d Deuteranomaly 6% of men, 0.4% of women
#45636b Tritanomaly 0.01% of the population

#3f5e67 hex color

#3f5e67 Color Information

#3f5e67 Color Conversion

Color Schemes with #3f5e67

Alternatives to #3f5e67

#3f5e67 Preview

Shades and Tints of #3f5e67

Tones of #3f5e67

Color Blindness Simulator