colorhexa.com

#3f5b6d hex color

In a RGB color space, hex #3f5b6d is composed of 24.7% red, 35.7% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 16.5% magenta, 0% yellow and 57.3% black. It has a hue angle of 203.5 degrees, a saturation of 26.7% and a lightness of 33.7%. #3f5b6d color hex could be obtained by blending #7eb6da with #000000. Closest websafe color is: #336666.

- R 25
- G 36
- B 43
RGB color chart
- C 42
- M 17
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #3f5b6d has RGB values of R:63, G:91, B:109 and CMYK values of C:0.42, M:0.17, Y:0, K:0.57. Its decimal value is 4152173.

Hex triplet	3f5b6d	`#3f5b6d`
RGB Decimal	63, 91, 109	`rgb(63,91,109)`
RGB Percent	24.7, 35.7, 42.7	`rgb(24.7%,35.7%,42.7%)`
CMYK	42, 17, 0, 57
HSL	203.5°, 26.7, 33.7	`hsl(203.5,26.7%,33.7%)`
HSV (or HSB)	203.5°, 42.2, 42.7
Web Safe	336666	`#336666`

CIE-LAB	37.193, -5.243, -13.558
XYZ	8.551, 9.643, 15.878
xyY	0.251, 0.283, 9.643
CIE-LCH	37.193, 14.536, 248.859
CIE-LUV	37.193, -13.311, -17.502
Hunter-Lab	31.053, -5.19, -8.579
Binary	00111111, 01011011, 01101101

#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#6d513f
```
#6d513f rgb(109,81,63)
```

Complementary Color

#3f6d68
```
#3f6d68 rgb(63,109,104)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#3f446d
```
#3f446d rgb(63,68,109)
```

Analogous Color

#6d683f
```
#6d683f rgb(109,104,63)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#6d3f44
```
#6d3f44 rgb(109,63,68)
```

Split Complementary Color

#5b6d3f
```
#5b6d3f rgb(91,109,63)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#6d3f5b
```
#6d3f5b rgb(109,63,91)
```

Triadic Color

#23333d
```
#23333d rgb(35,51,61)
```
#2c404d
```
#2c404d rgb(44,64,77)
```
#364e5d
```
#364e5d rgb(54,78,93)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#48687d
```
#48687d rgb(72,104,125)
```
#52768d
```
#52768d rgb(82,118,141)
```
#5b839d
```
#5b839d rgb(91,131,157)
```

Monochromatic Color

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

#3f676d
```
#3f676d rgb(63,103,109)
```
#3f636d
```
#3f636d rgb(63,99,109)
```
#3f5f6d
```
#3f5f6d rgb(63,95,109)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#3f576d
```
#3f576d rgb(63,87,109)
```
#3f536d
```
#3f536d rgb(63,83,109)
```
#3f506d
```
#3f506d rgb(63,80,109)
```

Similar Colors

Text with hexadecimal color #3f5b6d

This text has a font color of #3f5b6d.

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

#3f5b6d background color

This paragraph has a background color of #3f5b6d.

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

#3f5b6d border color

This element has a border color of #3f5b6d.

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

CSS codes

.text {color:#3f5b6d;}

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

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

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, #06080a is the darkest color, while #fcfdfd is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0d1216
```
#0d1216 rgb(13,18,22)
```
#141d22
```
#141d22 rgb(20,29,34)
```
#1b272f
```
#1b272f rgb(27,39,47)
```
#22313b
```
#22313b rgb(34,49,59)
```
#293c48
```
#293c48 rgb(41,60,72)
```
#314654
```
#314654 rgb(49,70,84)
```
#385161
```
#385161 rgb(56,81,97)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#466579
```
#466579 rgb(70,101,121)
```
#4d7086
```
#4d7086 rgb(77,112,134)
```
#557a92
```
#557a92 rgb(85,122,146)
```
#5c859f
```
#5c859f rgb(92,133,159)
```

Shade Color Variation

#678ea7
```
#678ea7 rgb(103,142,167)
```
#7397ae
```
#7397ae rgb(115,151,174)
```
#80a0b5
```
#80a0b5 rgb(128,160,181)
```
#8caabd
```
#8caabd rgb(140,170,189)
```
#99b3c4
```
#99b3c4 rgb(153,179,196)
```
#a5bccb
```
#a5bccb rgb(165,188,203)
```
#b2c5d2
```
#b2c5d2 rgb(178,197,210)
```
#becfd9
```
#becfd9 rgb(190,207,217)
```
#cad8e1
```
#cad8e1 rgb(202,216,225)
```
#d7e1e8
```
#d7e1e8 rgb(215,225,232)
```
#e3eaef
```
#e3eaef rgb(227,234,239)
```
#f0f4f6
```
#f0f4f6 rgb(240,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#535759
```
#535759 rgb(83,87,89)
```
#4c5860
```
#4c5860 rgb(76,88,96)
```
#465a66
```
#465a66 rgb(70,90,102)
```
#3f5b6d
```
#3f5b6d rgb(63,91,109)
```
#385c74
```
#385c74 rgb(56,92,116)
```
#325e7a
```
#325e7a rgb(50,94,122)
```
#2b5f81
```
#2b5f81 rgb(43,95,129)
```
#256187
```
#256187 rgb(37,97,135)
```
#1e628e
```
#1e628e rgb(30,98,142)
```
#176495
```
#176495 rgb(23,100,149)
```
#11659b
```
#11659b rgb(17,101,155)
```
#0a67a2
```
#0a67a2 rgb(10,103,162)
```
#0368a9
```
#0368a9 rgb(3,104,169)
```

Tone Color Variation

Below, you can see how #3f5b6d 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
#51565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f72 Protanopia 1% of men
#5d5e76 Deuteranopia 1% of men
#46656c Tritanopia 0.001% of the population

Trichromacy

#515d70 Protanomaly 1% of men, 0.01% of women
#525d73 Deuteranomaly 6% of men, 0.4% of women
#43616c Tritanomaly 0.01% of the population