#3f5966 hex color

In a RGB color space, hex #3f5966 is composed of 24.7% red, 34.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 12.7% magenta, 0% yellow and 60% black. It has a hue angle of 200 degrees, a saturation of 23.6% and a lightness of 32.4%. #3f5966 color hex could be obtained by blending #7eb2cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 35
- B 40
RGB color chart
- C 38
- M 13
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #3f5966 has RGB values of R:63, G:89, B:102 and CMYK values of C:0.38, M:0.13, Y:0, K:0.6. Its decimal value is 4151654.

Hex triplet	3f5966	`#3f5966`
RGB Decimal	63, 89, 102	`rgb(63,89,102)`
RGB Percent	24.7, 34.9, 40	`rgb(24.7%,34.9%,40%)`
CMYK	38, 13, 0, 60
HSL	200°, 23.6, 32.4	`hsl(200,23.6%,32.4%)`
HSV (or HSB)	200°, 38.2, 40
Web Safe	336666	`#336666`

CIE-LAB	36.291, -6.089, -10.583
XYZ	8.02, 9.16, 13.915
xyY	0.258, 0.295, 9.16
CIE-LCH	36.291, 12.21, 240.085
CIE-LUV	36.291, -12.478, -13.146
Hunter-Lab	30.266, -5.667, -6.073
Binary	00111111, 01011001, 01100110

#3f5966
```
#3f5966 rgb(63,89,102)
```
#664c3f
```
#664c3f rgb(102,76,63)
```

Complementary Color

#3f6660
```
#3f6660 rgb(63,102,96)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#3f4666
```
#3f4666 rgb(63,70,102)
```

Analogous Color

#66603f
```
#66603f rgb(102,96,63)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#663f46
```
#663f46 rgb(102,63,70)
```

Split Complementary Color

#59663f
```
#59663f rgb(89,102,63)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#663f59
```
#663f59 rgb(102,63,89)
```

Triadic Color

#3f664c
```
#3f664c rgb(63,102,76)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#663f59
```
#663f59 rgb(102,63,89)
```
#664c3f
```
#664c3f rgb(102,76,63)
```

Tetradic Color

#223037
```
#223037 rgb(34,48,55)
```
#2c3d46
```
#2c3d46 rgb(44,61,70)
```
#354b56
```
#354b56 rgb(53,75,86)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#496776
```
#496776 rgb(73,103,118)
```
#527586
```
#527586 rgb(82,117,134)
```
#5c8295
```
#5c8295 rgb(92,130,149)
```

Monochromatic Color

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

#3f6366
```
#3f6366 rgb(63,99,102)
```
#3f6066
```
#3f6066 rgb(63,96,102)
```
#3f5c66
```
#3f5c66 rgb(63,92,102)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#3f5666
```
#3f5666 rgb(63,86,102)
```
#3f5366
```
#3f5366 rgb(63,83,102)
```
#3f4f66
```
#3f4f66 rgb(63,79,102)
```

Similar Colors

Text with hexadecimal color #3f5966

This text has a font color of #3f5966.

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

#3f5966 background color

This paragraph has a background color of #3f5966.

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

#3f5966 border color

This element has a border color of #3f5966.

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

CSS codes

.text {color:#3f5966;}

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

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

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 #f8fafb is the lightest one.

#030405
```
#030405 rgb(3,4,5)
```
#0b0f11
```
#0b0f11 rgb(11,15,17)
```
#121a1d
```
#121a1d rgb(18,26,29)
```
#1a2429
```
#1a2429 rgb(26,36,41)
```
#212f35
```
#212f35 rgb(33,47,53)
```
#293942
```
#293942 rgb(41,57,66)
```
#30444e
```
#30444e rgb(48,68,78)
```
#384e5a
```
#384e5a rgb(56,78,90)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#466472
```
#466472 rgb(70,100,114)
```
#4e6e7e
```
#4e6e7e rgb(78,110,126)
```
#55798a
```
#55798a rgb(85,121,138)
```
#5d8397
```
#5d8397 rgb(93,131,151)
```

Shade Color Variation

#668da1
```
#668da1 rgb(102,141,161)
```
#7296a8
```
#7296a8 rgb(114,150,168)
```
#7f9fb0
```
#7f9fb0 rgb(127,159,176)
```
#8ba8b7
```
#8ba8b7 rgb(139,168,183)
```
#97b1bf
```
#97b1bf rgb(151,177,191)
```
#a3bac6
```
#a3bac6 rgb(163,186,198)
```
#afc3ce
```
#afc3ce rgb(175,195,206)
```
#bbcdd5
```
#bbcdd5 rgb(187,205,213)
```
#c7d6dd
```
#c7d6dd rgb(199,214,221)
```
#d3dfe4
```
#d3dfe4 rgb(211,223,228)
```
#e0e8ec
```
#e0e8ec rgb(224,232,236)
```
#ecf1f3
```
#ecf1f3 rgb(236,241,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#525353
```
#525353 rgb(82,83,83)
```
#4c5559
```
#4c5559 rgb(76,85,89)
```
#455760
```
#455760 rgb(69,87,96)
```
#3f5966
```
#3f5966 rgb(63,89,102)
```
#395b6c
```
#395b6c rgb(57,91,108)
```
#325d73
```
#325d73 rgb(50,93,115)
```
#2c5f79
```
#2c5f79 rgb(44,95,121)
```
#26617f
```
#26617f rgb(38,97,127)
```
#1f6486
```
#1f6486 rgb(31,100,134)
```
#19668c
```
#19668c rgb(25,102,140)
```
#136892
```
#136892 rgb(19,104,146)
```
#0c6a99
```
#0c6a99 rgb(12,106,153)
```
#066c9f
```
#066c9f rgb(6,108,159)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f5457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5d6b Protanopia 1% of men
#5d5c6f Deuteranopia 1% of men
#476269 Tritanopia 0.001% of the population

Trichromacy

#515b69 Protanomaly 1% of men, 0.01% of women
#525b6c Deuteranomaly 6% of men, 0.4% of women
#445e68 Tritanomaly 0.01% of the population

#3f5966 hex color

#3f5966 Color Information

#3f5966 Color Conversion

Color Schemes with #3f5966

Alternatives to #3f5966

#3f5966 Preview

Shades and Tints of #3f5966

Tones of #3f5966

Color Blindness Simulator