#3f5b67 hex color

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

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

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

The hexadecimal color #3f5b67 has RGB values of R:63, G:91, B:103 and CMYK values of C:0.39, M:0.12, Y:0, K:0.6. Its decimal value is 4152167.

Hex triplet	3f5b67	`#3f5b67`
RGB Decimal	63, 91, 103	`rgb(63,91,103)`
RGB Percent	24.7, 35.7, 40.4	`rgb(24.7%,35.7%,40.4%)`
CMYK	39, 12, 0, 60
HSL	198°, 24.1, 32.5	`hsl(198,24.1%,32.5%)`
HSV (or HSB)	198°, 38.8, 40.4
Web Safe	336666	`#336666`

CIE-LAB	36.963, -7.008, -10.19
XYZ	8.239, 9.518, 14.234
xyY	0.258, 0.298, 9.518
CIE-LCH	36.963, 12.367, 235.481
CIE-LUV	36.963, -13.319, -12.553
Hunter-Lab	30.851, -6.322, -5.76
Binary	00111111, 01011011, 01100111

#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#674b3f
```
#674b3f rgb(103,75,63)
```

Complementary Color

#3f675f
```
#3f675f rgb(63,103,95)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#3f4767
```
#3f4767 rgb(63,71,103)
```

Analogous Color

#675f3f
```
#675f3f rgb(103,95,63)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#673f47
```
#673f47 rgb(103,63,71)
```

Split Complementary Color

#5b673f
```
#5b673f rgb(91,103,63)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#673f5b
```
#673f5b rgb(103,63,91)
```

Triadic Color

#3f674b
```
#3f674b rgb(63,103,75)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#673f5b
```
#673f5b rgb(103,63,91)
```
#674b3f
```
#674b3f rgb(103,75,63)
```

Tetradic Color

#223138
```
#223138 rgb(34,49,56)
```
#2c3f47
```
#2c3f47 rgb(44,63,71)
```
#354d57
```
#354d57 rgb(53,77,87)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#496977
```
#496977 rgb(73,105,119)
```
#527787
```
#527787 rgb(82,119,135)
```
#5c8596
```
#5c8596 rgb(92,133,150)
```

Monochromatic Color

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

#3f6567
```
#3f6567 rgb(63,101,103)
```
#3f6267
```
#3f6267 rgb(63,98,103)
```
#3f5e67
```
#3f5e67 rgb(63,94,103)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#3f5867
```
#3f5867 rgb(63,88,103)
```
#3f5467
```
#3f5467 rgb(63,84,103)
```
#3f5167
```
#3f5167 rgb(63,81,103)
```

Similar Colors

Text with hexadecimal color #3f5b67

This text has a font color of #3f5b67.

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

#3f5b67 background color

This paragraph has a background color of #3f5b67.

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

#3f5b67 border color

This element has a border color of #3f5b67.

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

CSS codes

.text {color:#3f5b67;}

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

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

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)
```
#121a1e
```
#121a1e rgb(18,26,30)
```
#1a252a
```
#1a252a rgb(26,37,42)
```
#213036
```
#213036 rgb(33,48,54)
```
#293b42
```
#293b42 rgb(41,59,66)
```
#30454f
```
#30454f rgb(48,69,79)
```
#38505b
```
#38505b rgb(56,80,91)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#466673
```
#466673 rgb(70,102,115)
```
#4e717f
```
#4e717f rgb(78,113,127)
```
#557b8c
```
#557b8c rgb(85,123,140)
```
#5d8698
```
#5d8698 rgb(93,134,152)
```

Shade Color Variation

#6690a2
```
#6690a2 rgb(102,144,162)
```
#7399a9
```
#7399a9 rgb(115,153,169)
```
#7fa2b1
```
#7fa2b1 rgb(127,162,177)
```
#8baab8
```
#8baab8 rgb(139,170,184)
```
#97b3bf
```
#97b3bf rgb(151,179,191)
```
#a3bcc7
```
#a3bcc7 rgb(163,188,199)
```
#afc5ce
```
#afc5ce rgb(175,197,206)
```
#bcced6
```
#bcced6 rgb(188,206,214)
```
#c8d7dd
```
#c8d7dd rgb(200,215,221)
```
#d4e0e5
```
#d4e0e5 rgb(212,224,229)
```
#e0e9ec
```
#e0e9ec rgb(224,233,236)
```
#ecf1f4
```
#ecf1f4 rgb(236,241,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 #0672a0 is the most saturated one.

#525354
```
#525354 rgb(82,83,84)
```
#4c565a
```
#4c565a rgb(76,86,90)
```
#455861
```
#455861 rgb(69,88,97)
```
#3f5b67
```
#3f5b67 rgb(63,91,103)
```
#395e6d
```
#395e6d rgb(57,94,109)
```
#326074
```
#326074 rgb(50,96,116)
```
#2c637a
```
#2c637a rgb(44,99,122)
```
#256581
```
#256581 rgb(37,101,129)
```
#1f6887
```
#1f6887 rgb(31,104,135)
```
#196a8d
```
#196a8d rgb(25,106,141)
```
#126d94
```
#126d94 rgb(18,109,148)
```
#0c6f9a
```
#0c6f9a rgb(12,111,154)
```
#0672a0
```
#0672a0 rgb(6,114,160)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#505558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5f6c Protanopia 1% of men
#5f5d70 Deuteranopia 1% of men
#47646b Tritanopia 0.001% of the population

Trichromacy

#525d6a Protanomaly 1% of men, 0.01% of women
#535c6d Deuteranomaly 6% of men, 0.4% of women
#446069 Tritanomaly 0.01% of the population

#3f5b67 hex color

#3f5b67 Color Information

#3f5b67 Color Conversion

Color Schemes with #3f5b67

Alternatives to #3f5b67

#3f5b67 Preview

Shades and Tints of #3f5b67

Tones of #3f5b67

Color Blindness Simulator