#383f45 hex color

In a RGB color space, hex #383f45 is composed of 22% red, 24.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 8.7% magenta, 0% yellow and 72.9% black. It has a hue angle of 207.7 degrees, a saturation of 10.4% and a lightness of 24.5%. #383f45 color hex could be obtained by blending #707e8a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 22
- G 25
- B 27
RGB color chart
- C 19
- M 9
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #383f45 has RGB values of R:56, G:63, B:69 and CMYK values of C:0.19, M:0.09, Y:0, K:0.73. Its decimal value is 3686213.

Hex triplet	383f45	`#383f45`
RGB Decimal	56, 63, 69	`rgb(56,63,69)`
RGB Percent	22, 24.7, 27.1	`rgb(22%,24.7%,27.1%)`
CMYK	19, 9, 0, 73
HSL	207.7°, 10.4, 24.5	`hsl(207.7,10.4%,24.5%)`
HSV (or HSB)	207.7°, 18.8, 27.1
Web Safe	333333	`#333333`

CIE-LAB	26.231, -1.387, -4.645
XYZ	4.482, 4.825, 6.325
xyY	0.287, 0.309, 4.825
CIE-LCH	26.231, 4.848, 253.379
CIE-LUV	26.231, -3.669, -5.181
Hunter-Lab	21.967, -2.018, -1.695
Binary	00111000, 00111111, 01000101

#383f45
```
#383f45 rgb(56,63,69)
```
#453e38
```
#453e38 rgb(69,62,56)
```

Complementary Color

#384545
```
#384545 rgb(56,69,69)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#383945
```
#383945 rgb(56,57,69)
```

Analogous Color

#454538
```
#454538 rgb(69,69,56)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#453839
```
#453839 rgb(69,56,57)
```

Split Complementary Color

#3f4538
```
#3f4538 rgb(63,69,56)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#45383f
```
#45383f rgb(69,56,63)
```

Triadic Color

#38453e
```
#38453e rgb(56,69,62)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#45383f
```
#45383f rgb(69,56,63)
```
#453e38
```
#453e38 rgb(69,62,56)
```

Tetradic Color

#16181b
```
#16181b rgb(22,24,27)
```
#212529
```
#212529 rgb(33,37,41)
```
#2d3237
```
#2d3237 rgb(45,50,55)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#434c53
```
#434c53 rgb(67,76,83)
```
#4f5961
```
#4f5961 rgb(79,89,97)
```
#5a666f
```
#5a666f rgb(90,102,111)
```

Monochromatic Color

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

#384245
```
#384245 rgb(56,66,69)
```
#384145
```
#384145 rgb(56,65,69)
```
#384045
```
#384045 rgb(56,64,69)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#383e45
```
#383e45 rgb(56,62,69)
```
#383d45
```
#383d45 rgb(56,61,69)
```
#383c45
```
#383c45 rgb(56,60,69)
```

Similar Colors

Text with hexadecimal color #383f45

This text has a font color of #383f45.

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

#383f45 background color

This paragraph has a background color of #383f45.

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

#383f45 border color

This element has a border color of #383f45.

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

CSS codes

.text {color:#383f45;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0c0e0f
```
#0c0e0f rgb(12,14,15)
```
#15171a
```
#15171a rgb(21,23,26)
```
#1e2125
```
#1e2125 rgb(30,33,37)
```
#262b2f
```
#262b2f rgb(38,43,47)
```
#2f353a
```
#2f353a rgb(47,53,58)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#414950
```
#414950 rgb(65,73,80)
```
#4a535b
```
#4a535b rgb(74,83,91)
```
#525d65
```
#525d65 rgb(82,93,101)
```
#5b6770
```
#5b6770 rgb(91,103,112)
```
#64707b
```
#64707b rgb(100,112,123)
```
#6d7a86
```
#6d7a86 rgb(109,122,134)
```

Shade Color Variation

#768490
```
#768490 rgb(118,132,144)
```
#818e99
```
#818e99 rgb(129,142,153)
```
#8c98a2
```
#8c98a2 rgb(140,152,162)
```
#97a1aa
```
#97a1aa rgb(151,161,170)
```
#a2abb3
```
#a2abb3 rgb(162,171,179)
```
#acb5bc
```
#acb5bc rgb(172,181,188)
```
#b7bfc5
```
#b7bfc5 rgb(183,191,197)
```
#c2c8ce
```
#c2c8ce rgb(194,200,206)
```
#cdd2d6
```
#cdd2d6 rgb(205,210,214)
```
#d8dcdf
```
#d8dcdf rgb(216,220,223)
```
#e3e5e8
```
#e3e5e8 rgb(227,229,232)
```
#edeff1
```
#edeff1 rgb(237,239,241)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#3d3f40
```
#3d3f40 rgb(61,63,64)
```
#383f45
```
#383f45 rgb(56,63,69)
```
#333f4a
```
#333f4a rgb(51,63,74)
```
#2e404f
```
#2e404f rgb(46,64,79)
```
#2a4053
```
#2a4053 rgb(42,64,83)
```
#254058
```
#254058 rgb(37,64,88)
```
#20415d
```
#20415d rgb(32,65,93)
```
#1b4162
```
#1b4162 rgb(27,65,98)
```
#164267
```
#164267 rgb(22,66,103)
```
#12426b
```
#12426b rgb(18,66,107)
```
#0d4270
```
#0d4270 rgb(13,66,112)
```
#084375
```
#084375 rgb(8,67,117)
```
#03437a
```
#03437a rgb(3,67,122)
```

Tone Color Variation

Below, you can see how #383f45 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
#3d3e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#47474d Protanopia 1% of men
#4b464f Deuteranopia 1% of men
#42494e Tritanopia 0.001% of the population

Trichromacy

#41444a Protanomaly 1% of men, 0.01% of women
#44434b Deuteranomaly 6% of men, 0.4% of women
#3e454a Tritanomaly 0.01% of the population

#383f45 hex color

#383f45 Color Information

#383f45 Color Conversion

Color Schemes with #383f45

Alternatives to #383f45

#383f45 Preview

Shades and Tints of #383f45

Tones of #383f45

Color Blindness Simulator