colorhexa.com

#383b6a hex color

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

- R 22
- G 23
- B 42
RGB color chart
- C 47
- M 44
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #383b6a has RGB values of R:56, G:59, B:106 and CMYK values of C:0.47, M:0.44, Y:0, K:0.58. Its decimal value is 3685226.

Hex triplet	383b6a	`#383b6a`
RGB Decimal	56, 59, 106	`rgb(56,59,106)`
RGB Percent	22, 23.1, 41.6	`rgb(22%,23.1%,41.6%)`
CMYK	47, 44, 0, 58
HSL	236.4°, 30.9, 31.8	`hsl(236.4,30.9%,31.8%)`
HSV (or HSB)	236.4°, 47.2, 41.6
Web Safe	333366	`#333366`

CIE-LAB	26.761, 12.489, -27.927
XYZ	5.796, 5.009, 14.296
xyY	0.231, 0.2, 5.009
CIE-LCH	26.761, 30.592, 294.093
CIE-LUV	26.761, -3.69, -36.267
Hunter-Lab	22.381, 7.058, -22.206
Binary	00111000, 00111011, 01101010

#383b6a
```
#383b6a rgb(56,59,106)
```
#6a6738
```
#6a6738 rgb(106,103,56)
```

Complementary Color

#38546a
```
#38546a rgb(56,84,106)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#4e386a
```
#4e386a rgb(78,56,106)
```

Analogous Color

#546a38
```
#546a38 rgb(84,106,56)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#6a4e38
```
#6a4e38 rgb(106,78,56)
```

Split Complementary Color

#3b6a38
```
#3b6a38 rgb(59,106,56)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#6a383b
```
#6a383b rgb(106,56,59)
```

Triadic Color

#386a67
```
#386a67 rgb(56,106,103)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#6a383b
```
#6a383b rgb(106,56,59)
```
#6a6738
```
#6a6738 rgb(106,103,56)
```

Tetradic Color

#1e1f38
```
#1e1f38 rgb(30,31,56)
```
#262849
```
#262849 rgb(38,40,73)
```
#2f3259
```
#2f3259 rgb(47,50,89)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#41447b
```
#41447b rgb(65,68,123)
```
#4a4e8b
```
#4a4e8b rgb(74,78,139)
```
#52579c
```
#52579c rgb(82,87,156)
```

Monochromatic Color

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

#38486a
```
#38486a rgb(56,72,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)
```
#3d386a
```
#3d386a rgb(61,56,106)
```
#42386a
```
#42386a rgb(66,56,106)
```

Similar Colors

Text with hexadecimal color #383b6a

This text has a font color of #383b6a.

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

#383b6a background color

This paragraph has a background color of #383b6a.

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

#383b6a border color

This element has a border color of #383b6a.

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

CSS codes

.text {color:#383b6a;}

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

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

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)
```
#090910
```
#090910 rgb(9,9,16)
```
#0f101d
```
#0f101d rgb(15,16,29)
```
#16172a
```
#16172a rgb(22,23,42)
```
#1d1e37
```
#1d1e37 rgb(29,30,55)
```
#242643
```
#242643 rgb(36,38,67)
```
#2a2d50
```
#2a2d50 rgb(42,45,80)
```
#31345d
```
#31345d rgb(49,52,93)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#3f4277
```
#3f4277 rgb(63,66,119)
```
#464984
```
#464984 rgb(70,73,132)
```
#4c5091
```
#4c5091 rgb(76,80,145)
```
#53589d
```
#53589d rgb(83,88,157)
```

Shade Color Variation

#5b60a9
```
#5b60a9 rgb(91,96,169)
```
#686daf
```
#686daf rgb(104,109,175)
```
#7579b6
```
#7579b6 rgb(117,121,182)
```
#8286bd
```
#8286bd rgb(130,134,189)
```
#8f92c4
```
#8f92c4 rgb(143,146,196)
```
#9c9ecb
```
#9c9ecb rgb(156,158,203)
```
#a8abd1
```
#a8abd1 rgb(168,171,209)
```
#b5b7d8
```
#b5b7d8 rgb(181,183,216)
```
#c2c4df
```
#c2c4df rgb(194,196,223)
```
#cfd0e6
```
#cfd0e6 rgb(207,208,230)
```
#dcddec
```
#dcddec rgb(220,221,236)
```
#e9e9f3
```
#e9e9f3 rgb(233,233,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 #060f9c is the most saturated one.

#515151
```
#515151 rgb(81,81,81)
```
#4b4b57
```
#4b4b57 rgb(75,75,87)
```
#44465e
```
#44465e rgb(68,70,94)
```
#3e4064
```
#3e4064 rgb(62,64,100)
```
#383b6a
```
#383b6a rgb(56,59,106)
```
#323670
```
#323670 rgb(50,54,112)
```
#2c3076
```
#2c3076 rgb(44,48,118)
```
#252b7d
```
#252b7d rgb(37,43,125)
```
#1f2583
```
#1f2583 rgb(31,37,131)
```
#192089
```
#192089 rgb(25,32,137)
```
#131a8f
```
#131a8f rgb(19,26,143)
```
#0c1596
```
#0c1596 rgb(12,21,150)
```
#060f9c
```
#060f9c rgb(6,15,156)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3e3e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#354773 Protanopia 1% of men
#304970 Deuteranopia 1% of men
#374c52 Tritanopia 0.001% of the population

Trichromacy

#364370 Protanomaly 1% of men, 0.01% of women
#33446d Deuteranomaly 6% of men, 0.4% of women
#37465a Tritanomaly 0.01% of the population