#3f386a hex color

In a RGB color space, hex #3f386a is composed of 24.7% red, 22% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 47.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 248.4 degrees, a saturation of 30.9% and a lightness of 31.8%. #3f386a color hex could be obtained by blending #7e70d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 22
- B 42
RGB color chart
- C 41
- M 47
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #3f386a has RGB values of R:63, G:56, B:106 and CMYK values of C:0.41, M:0.47, Y:0, K:0.58. Its decimal value is 4143210.

Hex triplet	3f386a	`#3f386a`
RGB Decimal	63, 56, 106	`rgb(63,56,106)`
RGB Percent	24.7, 22, 41.6	`rgb(24.7%,22%,41.6%)`
CMYK	41, 47, 0, 58
HSL	248.4°, 30.9, 31.8	`hsl(248.4,30.9%,31.8%)`
HSV (or HSB)	248.4°, 47.2, 41.6
Web Safe	333366	`#333366`

CIE-LAB	26.522, 16.52, -28.267
XYZ	6.065, 4.926, 14.266
xyY	0.24, 0.195, 4.926
CIE-LCH	26.522, 32.741, 300.303
CIE-LUV	26.522, -0.067, -36.955
Hunter-Lab	22.194, 9.941, -22.576
Binary	00111111, 00111000, 01101010

#3f386a
```
#3f386a rgb(63,56,106)
```
#636a38
```
#636a38 rgb(99,106,56)
```

Complementary Color

#384a6a
```
#384a6a rgb(56,74,106)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#58386a
```
#58386a rgb(88,56,106)
```

Analogous Color

#4a6a38
```
#4a6a38 rgb(74,106,56)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#6a5838
```
#6a5838 rgb(106,88,56)
```

Split Complementary Color

#386a3f
```
#386a3f rgb(56,106,63)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#6a3f38
```
#6a3f38 rgb(106,63,56)
```

Triadic Color

#38636a
```
#38636a rgb(56,99,106)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#6a3f38
```
#6a3f38 rgb(106,63,56)
```
#636a38
```
#636a38 rgb(99,106,56)
```

Tetradic Color

#211e38
```
#211e38 rgb(33,30,56)
```
#2b2649
```
#2b2649 rgb(43,38,73)
```
#352f59
```
#352f59 rgb(53,47,89)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#49417b
```
#49417b rgb(73,65,123)
```
#534a8b
```
#534a8b rgb(83,74,139)
```
#5d529c
```
#5d529c rgb(93,82,156)
```

Monochromatic Color

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

#383e6a
```
#383e6a rgb(56,62,106)
```
#38396a
```
#38396a rgb(56,57,106)
```
#3b386a
```
#3b386a rgb(59,56,106)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#43386a
```
#43386a rgb(67,56,106)
```
#47386a
```
#47386a rgb(71,56,106)
```
#4c386a
```
#4c386a rgb(76,56,106)
```

Similar Colors

Text with hexadecimal color #3f386a

This text has a font color of #3f386a.

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

#3f386a background color

This paragraph has a background color of #3f386a.

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

#3f386a border color

This element has a border color of #3f386a.

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

CSS codes

.text {color:#3f386a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0910
```
#0a0910 rgb(10,9,16)
```
#110f1d
```
#110f1d rgb(17,15,29)
```
#19162a
```
#19162a rgb(25,22,42)
```
#201d37
```
#201d37 rgb(32,29,55)
```
#282443
```
#282443 rgb(40,36,67)
```
#302a50
```
#302a50 rgb(48,42,80)
```
#37315d
```
#37315d rgb(55,49,93)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#473f77
```
#473f77 rgb(71,63,119)
```
#4e4684
```
#4e4684 rgb(78,70,132)
```
#564c91
```
#564c91 rgb(86,76,145)
```
#5e539d
```
#5e539d rgb(94,83,157)
```

Shade Color Variation

#665ba9
```
#665ba9 rgb(102,91,169)
```
#7268af
```
#7268af rgb(114,104,175)
```
#7e75b6
```
#7e75b6 rgb(126,117,182)
```
#8a82bd
```
#8a82bd rgb(138,130,189)
```
#968fc4
```
#968fc4 rgb(150,143,196)
```
#a29ccb
```
#a29ccb rgb(162,156,203)
```
#aea8d1
```
#aea8d1 rgb(174,168,209)
```
#bab5d8
```
#bab5d8 rgb(186,181,216)
```
#c6c2df
```
#c6c2df rgb(198,194,223)
```
#d2cfe6
```
#d2cfe6 rgb(210,207,230)
```
#dedcec
```
#dedcec rgb(222,220,236)
```
#eae9f3
```
#eae9f3 rgb(234,233,243)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

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

#515151
```
#515151 rgb(81,81,81)
```
#4c4b57
```
#4c4b57 rgb(76,75,87)
```
#48445e
```
#48445e rgb(72,68,94)
```
#433e64
```
#433e64 rgb(67,62,100)
```
#3f386a
```
#3f386a rgb(63,56,106)
```
#3b3270
```
#3b3270 rgb(59,50,112)
```
#362c76
```
#362c76 rgb(54,44,118)
```
#32257d
```
#32257d rgb(50,37,125)
```
#2d1f83
```
#2d1f83 rgb(45,31,131)
```
#291989
```
#291989 rgb(41,25,137)
```
#24138f
```
#24138f rgb(36,19,143)
```
#200c96
```
#200c96 rgb(32,12,150)
```
#1b069c
```
#1b069c rgb(27,6,156)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#403e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#324775 Protanopia 1% of men
#30486f Deuteranopia 1% of men
#3f4a4f Tritanopia 0.001% of the population

Trichromacy

#374171 Protanomaly 1% of men, 0.01% of women
#35426d Deuteranomaly 6% of men, 0.4% of women
#3f4359 Tritanomaly 0.01% of the population

#3f386a hex color

#3f386a Color Information

#3f386a Color Conversion

Color Schemes with #3f386a

Alternatives to #3f386a

#3f386a Preview

Shades and Tints of #3f386a

Tones of #3f386a

Color Blindness Simulator