#383f6a hex color

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

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

● #383f6a color description : Very dark desaturated blue.

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

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

CIE-LAB	27.943, 9.781, -26.057
XYZ	6.009, 5.436, 14.368
xyY	0.233, 0.211, 5.436
CIE-LCH	27.943, 27.832, 290.574
CIE-LUV	27.943, -5.036, -34.099
Hunter-Lab	23.316, 5.204, -20.215
Binary	00111000, 00111111, 01101010

#383f6a
```
#383f6a rgb(56,63,106)
```
#6a6338
```
#6a6338 rgb(106,99,56)
```

Complementary Color

#38586a
```
#38586a rgb(56,88,106)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#4a386a
```
#4a386a rgb(74,56,106)
```

Analogous Color

#586a38
```
#586a38 rgb(88,106,56)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#6a4a38
```
#6a4a38 rgb(106,74,56)
```

Split Complementary Color

#3f6a38
```
#3f6a38 rgb(63,106,56)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#6a383f
```
#6a383f rgb(106,56,63)
```

Triadic Color

#386a63
```
#386a63 rgb(56,106,99)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#6a383f
```
#6a383f rgb(106,56,63)
```
#6a6338
```
#6a6338 rgb(106,99,56)
```

Tetradic Color

#1e2138
```
#1e2138 rgb(30,33,56)
```
#262b49
```
#262b49 rgb(38,43,73)
```
#2f3559
```
#2f3559 rgb(47,53,89)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#41497b
```
#41497b rgb(65,73,123)
```
#4a538b
```
#4a538b rgb(74,83,139)
```
#525d9c
```
#525d9c rgb(82,93,156)
```

Monochromatic Color

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

#384c6a
```
#384c6a rgb(56,76,106)
```
#38476a
```
#38476a rgb(56,71,106)
```
#38436a
```
#38436a rgb(56,67,106)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#39386a
```
#39386a rgb(57,56,106)
```
#3e386a
```
#3e386a rgb(62,56,106)
```

Similar Colors

Text with hexadecimal color #383f6a

This text has a font color of #383f6a.

<span style="color:#383f6a;">Text here</span>

#383f6a background color

This paragraph has a background color of #383f6a.

<p style="background-color:#383f6a;">Content here</p>

#383f6a border color

This element has a border color of #383f6a.

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

CSS codes

.text {color:#383f6a;}

.background {background-color:#383f6a;}

.border {border:1px solid #383f6a;}

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

#020203
```
#020203 rgb(2,2,3)
```
#090a10
```
#090a10 rgb(9,10,16)
```
#0f111d
```
#0f111d rgb(15,17,29)
```
#16192a
```
#16192a rgb(22,25,42)
```
#1d2037
```
#1d2037 rgb(29,32,55)
```
#242843
```
#242843 rgb(36,40,67)
```
#2a3050
```
#2a3050 rgb(42,48,80)
```
#31375d
```
#31375d rgb(49,55,93)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#3f4777
```
#3f4777 rgb(63,71,119)
```
#464e84
```
#464e84 rgb(70,78,132)
```
#4c5691
```
#4c5691 rgb(76,86,145)
```
#535e9d
```
#535e9d rgb(83,94,157)
```

Shade Color Variation

#5b66a9
```
#5b66a9 rgb(91,102,169)
```
#6872af
```
#6872af rgb(104,114,175)
```
#757eb6
```
#757eb6 rgb(117,126,182)
```
#828abd
```
#828abd rgb(130,138,189)
```
#8f96c4
```
#8f96c4 rgb(143,150,196)
```
#9ca2cb
```
#9ca2cb rgb(156,162,203)
```
#a8aed1
```
#a8aed1 rgb(168,174,209)
```
#b5bad8
```
#b5bad8 rgb(181,186,216)
```
#c2c6df
```
#c2c6df rgb(194,198,223)
```
#cfd2e6
```
#cfd2e6 rgb(207,210,230)
```
#dcdeec
```
#dcdeec rgb(220,222,236)
```
#e9eaf3
```
#e9eaf3 rgb(233,234,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,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 #061b9c is the most saturated one.

#515151
```
#515151 rgb(81,81,81)
```
#4b4c57
```
#4b4c57 rgb(75,76,87)
```
#44485e
```
#44485e rgb(68,72,94)
```
#3e4364
```
#3e4364 rgb(62,67,100)
```
#383f6a
```
#383f6a rgb(56,63,106)
```
#323b70
```
#323b70 rgb(50,59,112)
```
#2c3676
```
#2c3676 rgb(44,54,118)
```
#25327d
```
#25327d rgb(37,50,125)
```
#1f2d83
```
#1f2d83 rgb(31,45,131)
```
#192989
```
#192989 rgb(25,41,137)
```
#13248f
```
#13248f rgb(19,36,143)
```
#0c2096
```
#0c2096 rgb(12,32,150)
```
#061b9c
```
#061b9c rgb(6,27,156)
```

Tone Color Variation

Below, you can see how #383f6a 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
#40414a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4a72 Protanopia 1% of men
#374b70 Deuteranopia 1% of men
#384f55 Tritanopia 0.001% of the population

Trichromacy

#3a466f Protanomaly 1% of men, 0.01% of women
#37476e Deuteranomaly 6% of men, 0.4% of women
#38495c Tritanomaly 0.01% of the population

#383f6a hex color

#383f6a Color Information

#383f6a Color Conversion

Color Schemes with #383f6a

Alternatives to #383f6a

#383f6a Preview

Shades and Tints of #383f6a

Tones of #383f6a

Color Blindness Simulator