#3f387d hex color

In a RGB color space, hex #3f387d is composed of 24.7% red, 22% green and 49% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 55.2% magenta, 0% yellow and 51% black. It has a hue angle of 246.1 degrees, a saturation of 38.1% and a lightness of 35.5%. #3f387d color hex could be obtained by blending #7e70fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 22
- B 49
RGB color chart
- C 50
- M 55
- Y 0
- K 51
CMYK color chart

● #3f387d color description : Dark moderate blue.

The hexadecimal color #3f387d has RGB values of R:63, G:56, B:125 and CMYK values of C:0.5, M:0.55, Y:0, K:0.51. Its decimal value is 4143229.

Hex triplet	3f387d	`#3f387d`
RGB Decimal	63, 56, 125	`rgb(63,56,125)`
RGB Percent	24.7, 22, 49	`rgb(24.7%,22%,49%)`
CMYK	50, 55, 0, 51
HSL	246.1°, 38.1, 35.5	`hsl(246.1,38.1%,35.5%)`
HSV (or HSB)	246.1°, 55.2, 49
Web Safe	333366	`#333366`

CIE-LAB	27.752, 22.632, -38.367
XYZ	7.165, 5.366, 20.059
xyY	0.22, 0.165, 5.366
CIE-LCH	27.752, 44.544, 300.535
CIE-LUV	27.752, -1.429, -51.11
Hunter-Lab	23.164, 14.677, -35.129
Binary	00111111, 00111000, 01111101

#3f387d
```
#3f387d rgb(63,56,125)
```
#767d38
```
#767d38 rgb(118,125,56)
```

Complementary Color

#38547d
```
#38547d rgb(56,84,125)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#62387d
```
#62387d rgb(98,56,125)
```

Analogous Color

#547d38
```
#547d38 rgb(84,125,56)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#7d6238
```
#7d6238 rgb(125,98,56)
```

Split Complementary Color

#387d3f
```
#387d3f rgb(56,125,63)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#7d3f38
```
#7d3f38 rgb(125,63,56)
```

Triadic Color

#38767d
```
#38767d rgb(56,118,125)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#7d3f38
```
#7d3f38 rgb(125,63,56)
```
#767d38
```
#767d38 rgb(118,125,56)
```

Tetradic Color

#242048
```
#242048 rgb(36,32,72)
```
#2d285a
```
#2d285a rgb(45,40,90)
```
#36306b
```
#36306b rgb(54,48,107)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#48408f
```
#48408f rgb(72,64,143)
```
#5148a0
```
#5148a0 rgb(81,72,160)
```
#5a51b1
```
#5a51b1 rgb(90,81,177)
```

Monochromatic Color

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

#38427d
```
#38427d rgb(56,66,125)
```
#383d7d
```
#383d7d rgb(56,61,125)
```
#39387d
```
#39387d rgb(57,56,125)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#45387d
```
#45387d rgb(69,56,125)
```
#4b387d
```
#4b387d rgb(75,56,125)
```
#50387d
```
#50387d rgb(80,56,125)
```

Similar Colors

Text with hexadecimal color #3f387d

This text has a font color of #3f387d.

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

#3f387d background color

This paragraph has a background color of #3f387d.

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

#3f387d border color

This element has a border color of #3f387d.

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

CSS codes

.text {color:#3f387d;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#080711
```
#080711 rgb(8,7,17)
```
#0f0e1e
```
#0f0e1e rgb(15,14,30)
```
#16142c
```
#16142c rgb(22,20,44)
```
#1d1a39
```
#1d1a39 rgb(29,26,57)
```
#242047
```
#242047 rgb(36,32,71)
```
#2b2654
```
#2b2654 rgb(43,38,84)
```
#312c62
```
#312c62 rgb(49,44,98)
```
#38326f
```
#38326f rgb(56,50,111)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#463e8b
```
#463e8b rgb(70,62,139)
```
#4d4498
```
#4d4498 rgb(77,68,152)
```
#534aa6
```
#534aa6 rgb(83,74,166)
```

Shade Color Variation

#5c52b1
```
#5c52b1 rgb(92,82,177)
```
#6860b8
```
#6860b8 rgb(104,96,184)
```
#756dbe
```
#756dbe rgb(117,109,190)
```
#827bc4
```
#827bc4 rgb(130,123,196)
```
#8f88ca
```
#8f88ca rgb(143,136,202)
```
#9c96d0
```
#9c96d0 rgb(156,150,208)
```
#a8a3d6
```
#a8a3d6 rgb(168,163,214)
```
#b5b1dc
```
#b5b1dc rgb(181,177,220)
```
#c2bee2
```
#c2bee2 rgb(194,190,226)
```
#cfcce8
```
#cfcce8 rgb(207,204,232)
```
#dcd9ee
```
#dcd9ee rgb(220,217,238)
```
#e8e7f4
```
#e8e7f4 rgb(232,231,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

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

#555461
```
#555461 rgb(85,84,97)
```
#504d68
```
#504d68 rgb(80,77,104)
```
#4a466f
```
#4a466f rgb(74,70,111)
```
#453f76
```
#453f76 rgb(69,63,118)
```
#3f387d
```
#3f387d rgb(63,56,125)
```
#393184
```
#393184 rgb(57,49,132)
```
#342a8b
```
#342a8b rgb(52,42,139)
```
#2e2392
```
#2e2392 rgb(46,35,146)
```
#291c99
```
#291c99 rgb(41,28,153)
```
#2315a0
```
#2315a0 rgb(35,21,160)
```
#1e0ea7
```
#1e0ea7 rgb(30,14,167)
```
#1807ae
```
#1807ae rgb(24,7,174)
```
#1300b5
```
#1300b5 rgb(19,0,181)
```

Tone Color Variation

Below, you can see how #3f387d 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
#41404e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f4989 Protanopia 1% of men
#0a4c7f Deuteranopia 1% of men
#374f54 Tritanopia 0.001% of the population

Trichromacy

#2a4285 Protanomaly 1% of men, 0.01% of women
#1d457e Deuteranomaly 6% of men, 0.4% of women
#3a4663 Tritanomaly 0.01% of the population

#3f387d hex color

#3f387d Color Information

#3f387d Color Conversion

Color Schemes with #3f387d

Alternatives to #3f387d

#3f387d Preview

Shades and Tints of #3f387d

Tones of #3f387d

Color Blindness Simulator