#383f48 hex color

In a RGB color space, hex #383f48 is composed of 22% red, 24.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 12.5% magenta, 0% yellow and 71.8% black. It has a hue angle of 213.8 degrees, a saturation of 12.5% and a lightness of 25.1%. #383f48 color hex could be obtained by blending #707e90 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 22
- G 25
- B 28
RGB color chart
- C 22
- M 13
- Y 0
- K 72
CMYK color chart

● #383f48 color description : Very dark grayish blue.

The hexadecimal color #383f48 has RGB values of R:56, G:63, B:72 and CMYK values of C:0.22, M:0.13, Y:0, K:0.72. Its decimal value is 3686216.

Hex triplet	383f48	`#383f48`
RGB Decimal	56, 63, 72	`rgb(56,63,72)`
RGB Percent	22, 24.7, 28.2	`rgb(22%,24.7%,28.2%)`
CMYK	22, 13, 0, 72
HSL	213.8°, 12.5, 25.1	`hsl(213.8,12.5%,25.1%)`
HSV (or HSB)	213.8°, 22.2, 28.2
Web Safe	333333	`#333333`

CIE-LAB	26.342, -0.592, -6.455
XYZ	4.578, 4.864, 6.828
xyY	0.281, 0.299, 4.864
CIE-LCH	26.342, 6.482, 264.761
CIE-LUV	26.342, -3.773, -7.45
Hunter-Lab	22.053, -1.541, -2.92
Binary	00111000, 00111111, 01001000

#383f48
```
#383f48 rgb(56,63,72)
```
#484138
```
#484138 rgb(72,65,56)
```

Complementary Color

#384748
```
#384748 rgb(56,71,72)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#393848
```
#393848 rgb(57,56,72)
```

Analogous Color

#474838
```
#474838 rgb(71,72,56)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#483938
```
#483938 rgb(72,57,56)
```

Split Complementary Color

#3f4838
```
#3f4838 rgb(63,72,56)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#48383f
```
#48383f rgb(72,56,63)
```

Triadic Color

#384841
```
#384841 rgb(56,72,65)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#48383f
```
#48383f rgb(72,56,63)
```
#484138
```
#484138 rgb(72,65,56)
```

Tetradic Color

#17191d
```
#17191d rgb(23,25,29)
```
#22262b
```
#22262b rgb(34,38,43)
```
#2d323a
```
#2d323a rgb(45,50,58)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#434c56
```
#434c56 rgb(67,76,86)
```
#4e5865
```
#4e5865 rgb(78,88,101)
```
#596573
```
#596573 rgb(89,101,115)
```

Monochromatic Color

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

#384348
```
#384348 rgb(56,67,72)
```
#384248
```
#384248 rgb(56,66,72)
```
#384048
```
#384048 rgb(56,64,72)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#383e48
```
#383e48 rgb(56,62,72)
```
#383c48
```
#383c48 rgb(56,60,72)
```
#383b48
```
#383b48 rgb(56,59,72)
```

Similar Colors

Text with hexadecimal color #383f48

This text has a font color of #383f48.

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

#383f48 background color

This paragraph has a background color of #383f48.

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

#383f48 border color

This element has a border color of #383f48.

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

CSS codes

.text {color:#383f48;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0f11
```
#0d0f11 rgb(13,15,17)
```
#16181c
```
#16181c rgb(22,24,28)
```
#1e2227
```
#1e2227 rgb(30,34,39)
```
#272c32
```
#272c32 rgb(39,44,50)
```
#2f353d
```
#2f353d rgb(47,53,61)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#414953
```
#414953 rgb(65,73,83)
```
#49525e
```
#49525e rgb(73,82,94)
```
#525c69
```
#525c69 rgb(82,92,105)
```
#5a6674
```
#5a6674 rgb(90,102,116)
```
#636f7f
```
#636f7f rgb(99,111,127)
```
#6b798a
```
#6b798a rgb(107,121,138)
```

Shade Color Variation

#758394
```
#758394 rgb(117,131,148)
```
#808d9d
```
#808d9d rgb(128,141,157)
```
#8b97a5
```
#8b97a5 rgb(139,151,165)
```
#96a1ae
```
#96a1ae rgb(150,161,174)
```
#a1abb6
```
#a1abb6 rgb(161,171,182)
```
#adb5bf
```
#adb5bf rgb(173,181,191)
```
#b8bfc7
```
#b8bfc7 rgb(184,191,199)
```
#c3c8d0
```
#c3c8d0 rgb(195,200,208)
```
#ced2d9
```
#ced2d9 rgb(206,210,217)
```
#d9dce1
```
#d9dce1 rgb(217,220,225)
```
#e4e6ea
```
#e4e6ea rgb(228,230,234)
```
#eff0f2
```
#eff0f2 rgb(239,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d4043 is the less saturated color, while #02387e is the most saturated one.

#3d4043
```
#3d4043 rgb(61,64,67)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#333e4d
```
#333e4d rgb(51,62,77)
```
#2e3e52
```
#2e3e52 rgb(46,62,82)
```
#293d57
```
#293d57 rgb(41,61,87)
```
#243d5c
```
#243d5c rgb(36,61,92)
```
#1f3c61
```
#1f3c61 rgb(31,60,97)
```
#1a3b66
```
#1a3b66 rgb(26,59,102)
```
#163b6a
```
#163b6a rgb(22,59,106)
```
#113a6f
```
#113a6f rgb(17,58,111)
```
#0c3974
```
#0c3974 rgb(12,57,116)
```
#073979
```
#073979 rgb(7,57,121)
```
#02387e
```
#02387e rgb(2,56,126)
```

Tone Color Variation

Below, you can see how #383f48 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

#3e3e3e Achromatopsia 0.005% of the population
#3d3e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#464750 Protanopia 1% of men
#4a4652 Deuteranopia 1% of men
#41494e Tritanopia 0.001% of the population

Trichromacy

#41444d Protanomaly 1% of men, 0.01% of women
#43434e Deuteranomaly 6% of men, 0.4% of women
#3e454c Tritanomaly 0.01% of the population

#383f48 hex color

#383f48 Color Information

#383f48 Color Conversion

Color Schemes with #383f48

Alternatives to #383f48

#383f48 Preview

Shades and Tints of #383f48

Tones of #383f48

Color Blindness Simulator