#3f3f58 hex color

In a RGB color space, hex #3f3f58 is composed of 24.7% red, 24.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 28.4% magenta, 0% yellow and 65.5% black. It has a hue angle of 240 degrees, a saturation of 16.6% and a lightness of 29.6%. #3f3f58 color hex could be obtained by blending #7e7eb0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 25
- B 35
RGB color chart
- C 28
- M 28
- Y 0
- K 65
CMYK color chart

● #3f3f58 color description : Very dark grayish blue.

The hexadecimal color #3f3f58 has RGB values of R:63, G:63, B:88 and CMYK values of C:0.28, M:0.28, Y:0, K:0.65. Its decimal value is 4144984.

Hex triplet	3f3f58	`#3f3f58`
RGB Decimal	63, 63, 88	`rgb(63,63,88)`
RGB Percent	24.7, 24.7, 34.5	`rgb(24.7%,24.7%,34.5%)`
CMYK	28, 28, 0, 65
HSL	240°, 16.6, 29.6	`hsl(240,16.6%,29.6%)`
HSV (or HSB)	240°, 28.4, 34.5
Web Safe	333366	`#333366`

CIE-LAB	27.617, 6.42, -14.923
XYZ	5.589, 5.316, 9.964
xyY	0.268, 0.255, 5.316
CIE-LCH	27.617, 16.246, 293.278
CIE-LUV	27.617, -1.377, -19.06
Hunter-Lab	23.057, 2.915, -9.481
Binary	00111111, 00111111, 01011000

#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#58583f
```
#58583f rgb(88,88,63)
```

Complementary Color

#3f4c58
```
#3f4c58 rgb(63,76,88)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#4c3f58
```
#4c3f58 rgb(76,63,88)
```

Analogous Color

#4c583f
```
#4c583f rgb(76,88,63)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#584c3f
```
#584c3f rgb(88,76,63)
```

Split Complementary Color

#3f583f
```
#3f583f rgb(63,88,63)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#583f3f
```
#583f3f rgb(88,63,63)
```

Triadic Color

#3f5858
```
#3f5858 rgb(63,88,88)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#583f3f
```
#583f3f rgb(88,63,63)
```
#58583f
```
#58583f rgb(88,88,63)
```

Tetradic Color

#1f1f2b
```
#1f1f2b rgb(31,31,43)
```
#2a2a3a
```
#2a2a3a rgb(42,42,58)
```
#343449
```
#343449 rgb(52,52,73)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#4a4a67
```
#4a4a67 rgb(74,74,103)
```
#545476
```
#545476 rgb(84,84,118)
```
#5f5f85
```
#5f5f85 rgb(95,95,133)
```

Monochromatic Color

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

#3f4558
```
#3f4558 rgb(63,69,88)
```
#3f4358
```
#3f4358 rgb(63,67,88)
```
#3f4158
```
#3f4158 rgb(63,65,88)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#413f58
```
#413f58 rgb(65,63,88)
```
#433f58
```
#433f58 rgb(67,63,88)
```
#453f58
```
#453f58 rgb(69,63,88)
```

Similar Colors

Text with hexadecimal color #3f3f58

This text has a font color of #3f3f58.

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

#3f3f58 background color

This paragraph has a background color of #3f3f58.

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

#3f3f58 border color

This element has a border color of #3f3f58.

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

CSS codes

.text {color:#3f3f58;}

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

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

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

#060608
```
#060608 rgb(6,6,8)
```
#0e0e13
```
#0e0e13 rgb(14,14,19)
```
#16161f
```
#16161f rgb(22,22,31)
```
#1e1e2a
```
#1e1e2a rgb(30,30,42)
```
#262636
```
#262636 rgb(38,38,54)
```
#2f2f41
```
#2f2f41 rgb(47,47,65)
```
#37374d
```
#37374d rgb(55,55,77)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#474763
```
#474763 rgb(71,71,99)
```
#4f4f6f
```
#4f4f6f rgb(79,79,111)
```
#58587a
```
#58587a rgb(88,88,122)
```
#606086
```
#606086 rgb(96,96,134)
```
#686891
```
#686891 rgb(104,104,145)
```

Shade Color Variation

#72729a
```
#72729a rgb(114,114,154)
```
#7e7ea3
```
#7e7ea3 rgb(126,126,163)
```
#8989ab
```
#8989ab rgb(137,137,171)
```
#9595b3
```
#9595b3 rgb(149,149,179)
```
#a0a0bb
```
#a0a0bb rgb(160,160,187)
```
#acacc3
```
#acacc3 rgb(172,172,195)
```
#b7b7cb
```
#b7b7cb rgb(183,183,203)
```
#c2c2d4
```
#c2c2d4 rgb(194,194,212)
```
#cecedc
```
#cecedc rgb(206,206,220)
```
#d9d9e4
```
#d9d9e4 rgb(217,217,228)
```
#e5e5ec
```
#e5e5ec rgb(229,229,236)
```
#f0f0f4
```
#f0f0f4 rgb(240,240,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#4b4b4c
```
#4b4b4c rgb(75,75,76)
```
#454552
```
#454552 rgb(69,69,82)
```
#3f3f58
```
#3f3f58 rgb(63,63,88)
```
#39395e
```
#39395e rgb(57,57,94)
```
#333364
```
#333364 rgb(51,51,100)
```
#2e2e69
```
#2e2e69 rgb(46,46,105)
```
#28286f
```
#28286f rgb(40,40,111)
```
#222275
```
#222275 rgb(34,34,117)
```
#1c1c7b
```
#1c1c7b rgb(28,28,123)
```
#161681
```
#161681 rgb(22,22,129)
```
#111186
```
#111186 rgb(17,17,134)
```
#0b0b8c
```
#0b0b8c rgb(11,11,140)
```
#050592
```
#050592 rgb(5,5,146)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#414146 Atypical Achromatopsia 0.001% of the population

Dichromacy

#444a61 Protanopia 1% of men
#454960 Deuteranopia 1% of men
#454c51 Tritanopia 0.001% of the population

Trichromacy

#42465e Protanomaly 1% of men, 0.01% of women
#43455d Deuteranomaly 6% of men, 0.4% of women
#434753 Tritanomaly 0.01% of the population

#3f3f58 hex color

#3f3f58 Color Information

#3f3f58 Color Conversion

Color Schemes with #3f3f58

Alternatives to #3f3f58

#3f3f58 Preview

Shades and Tints of #3f3f58

Tones of #3f3f58

Color Blindness Simulator