#384f86 hex color

In a RGB color space, hex #384f86 is composed of 22% red, 31% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 41% magenta, 0% yellow and 47.5% black. It has a hue angle of 222.3 degrees, a saturation of 41.1% and a lightness of 37.3%. #384f86 color hex could be obtained by blending #709eff with #00000d. Closest websafe color is: #336699.

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

● #384f86 color description : Dark moderate blue.

The hexadecimal color #384f86 has RGB values of R:56, G:79, B:134 and CMYK values of C:0.58, M:0.41, Y:0, K:0.47. Its decimal value is 3690374.

Hex triplet	384f86	`#384f86`
RGB Decimal	56, 79, 134	`rgb(56,79,134)`
RGB Percent	22, 31, 52.5	`rgb(22%,31%,52.5%)`
CMYK	58, 41, 0, 47
HSL	222.3°, 41.1, 37.3	`hsl(222.3,41.1%,37.3%)`
HSV (or HSB)	222.3°, 58.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	34.301, 8.773, -33.526
XYZ	8.729, 8.153, 23.667
xyY	0.215, 0.201, 8.153
CIE-LCH	34.301, 34.655, 284.665
CIE-LUV	34.301, -11.154, -46.873
Hunter-Lab	28.554, 4.597, -29.153
Binary	00111000, 01001111, 10000110

#384f86
```
#384f86 rgb(56,79,134)
```
#866f38
```
#866f38 rgb(134,111,56)
```

Complementary Color

#387686
```
#387686 rgb(56,118,134)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#483886
```
#483886 rgb(72,56,134)
```

Analogous Color

#768638
```
#768638 rgb(118,134,56)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#864838
```
#864838 rgb(134,72,56)
```

Split Complementary Color

#4f8638
```
#4f8638 rgb(79,134,56)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#86384f
```
#86384f rgb(134,56,79)
```

Triadic Color

#38866f
```
#38866f rgb(56,134,111)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#86384f
```
#86384f rgb(134,56,79)
```
#866f38
```
#866f38 rgb(134,111,56)
```

Tetradic Color

#212f50
```
#212f50 rgb(33,47,80)
```
#293a62
```
#293a62 rgb(41,58,98)
```
#304474
```
#304474 rgb(48,68,116)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#405a98
```
#405a98 rgb(64,90,152)
```
#4764aa
```
#4764aa rgb(71,100,170)
```
#5371b7
```
#5371b7 rgb(83,113,183)
```

Monochromatic Color

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

#386386
```
#386386 rgb(56,99,134)
```
#385c86
```
#385c86 rgb(56,92,134)
```
#385686
```
#385686 rgb(56,86,134)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#384986
```
#384986 rgb(56,73,134)
```
#384286
```
#384286 rgb(56,66,134)
```
#383c86
```
#383c86 rgb(56,60,134)
```

Similar Colors

Text with hexadecimal color #384f86

This text has a font color of #384f86.

<span style="color:#384f86;">Text here</span>

#384f86 background color

This paragraph has a background color of #384f86.

<p style="background-color:#384f86;">Content here</p>

#384f86 border color

This element has a border color of #384f86.

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

CSS codes

.text {color:#384f86;}

.background {background-color:#384f86;}

.border {border:1px solid #384f86;}

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

#040609
```
#040609 rgb(4,6,9)
```
#0a0e17
```
#0a0e17 rgb(10,14,23)
```
#101625
```
#101625 rgb(16,22,37)
```
#151e33
```
#151e33 rgb(21,30,51)
```
#1b2641
```
#1b2641 rgb(27,38,65)
```
#212e4f
```
#212e4f rgb(33,46,79)
```
#27375c
```
#27375c rgb(39,55,92)
```
#2c3f6a
```
#2c3f6a rgb(44,63,106)
```
#324778
```
#324778 rgb(50,71,120)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#3e5794
```
#3e5794 rgb(62,87,148)
```
#445fa2
```
#445fa2 rgb(68,95,162)
```
#4967b0
```
#4967b0 rgb(73,103,176)
```

Shade Color Variation

#5572b8
```
#5572b8 rgb(85,114,184)
```
#627dbe
```
#627dbe rgb(98,125,190)
```
#7089c3
```
#7089c3 rgb(112,137,195)
```
#7e94c9
```
#7e94c9 rgb(126,148,201)
```
#8ca0cf
```
#8ca0cf rgb(140,160,207)
```
#9aabd5
```
#9aabd5 rgb(154,171,213)
```
#a8b7da
```
#a8b7da rgb(168,183,218)
```
#b5c2e0
```
#b5c2e0 rgb(181,194,224)
```
#c3cee6
```
#c3cee6 rgb(195,206,230)
```
#d1d9ec
```
#d1d9ec rgb(209,217,236)
```
#dfe4f2
```
#dfe4f2 rgb(223,228,242)
```
#edf0f7
```
#edf0f7 rgb(237,240,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5e61 is the less saturated color, while #053ab9 is the most saturated one.

#5d5e61
```
#5d5e61 rgb(93,94,97)
```
#555b69
```
#555b69 rgb(85,91,105)
```
#4e5870
```
#4e5870 rgb(78,88,112)
```
#475577
```
#475577 rgb(71,85,119)
```
#3f527f
```
#3f527f rgb(63,82,127)
```
#384f86
```
#384f86 rgb(56,79,134)
```
#314c8d
```
#314c8d rgb(49,76,141)
```
#294995
```
#294995 rgb(41,73,149)
```
#22469c
```
#22469c rgb(34,70,156)
```
#1b43a3
```
#1b43a3 rgb(27,67,163)
```
#1340ab
```
#1340ab rgb(19,64,171)
```
#0c3db2
```
#0c3db2 rgb(12,61,178)
```
#053ab9
```
#053ab9 rgb(5,58,185)
```

Tone Color Variation

Below, you can see how #384f86 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

#4e4e4e Achromatopsia 0.005% of the population
#4a4e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43588c Protanopia 1% of men
#385a8b Deuteranopia 1% of men
#2f6067 Tritanopia 0.001% of the population

Trichromacy

#3f5489 Protanomaly 1% of men, 0.01% of women
#385689 Deuteranomaly 6% of men, 0.4% of women
#325a72 Tritanomaly 0.01% of the population

#384f86 hex color

#384f86 Color Information

#384f86 Color Conversion

Color Schemes with #384f86

Alternatives to #384f86

#384f86 Preview

Shades and Tints of #384f86

Tones of #384f86

Color Blindness Simulator