#384bbc hex color

In a RGB color space, hex #384bbc is composed of 22% red, 29.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 60.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 231.4 degrees, a saturation of 54.1% and a lightness of 47.8%. #384bbc color hex could be obtained by blending #7096ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 22
- G 29
- B 74
RGB color chart
- C 70
- M 60
- Y 0
- K 26
CMYK color chart

● #384bbc color description : Moderate blue.

The hexadecimal color #384bbc has RGB values of R:56, G:75, B:188 and CMYK values of C:0.7, M:0.6, Y:0, K:0.26. Its decimal value is 3689404.

Hex triplet	384bbc	`#384bbc`
RGB Decimal	56, 75, 188	`rgb(56,75,188)`
RGB Percent	22, 29.4, 73.7	`rgb(22%,29.4%,73.7%)`
CMYK	70, 60, 0, 26
HSL	231.4°, 54.1, 47.8	`hsl(231.4,54.1%,47.8%)`
HSV (or HSB)	231.4°, 70.2, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.935, 30.906, -61.696
XYZ	13.222, 9.503, 48.712
xyY	0.185, 0.133, 9.503
CIE-LCH	36.935, 69.004, 296.608
CIE-LUV	36.935, -10.878, -88.85
Hunter-Lab	30.827, 22.615, -72.109
Binary	00111000, 01001011, 10111100

#384bbc
```
#384bbc rgb(56,75,188)
```
#bca938
```
#bca938 rgb(188,169,56)
```

Complementary Color

#388dbc
```
#388dbc rgb(56,141,188)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#6738bc
```
#6738bc rgb(103,56,188)
```

Analogous Color

#8dbc38
```
#8dbc38 rgb(141,188,56)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#bc6738
```
#bc6738 rgb(188,103,56)
```

Split Complementary Color

#4bbc38
```
#4bbc38 rgb(75,188,56)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#bc384b
```
#bc384b rgb(188,56,75)
```

Triadic Color

#38bca9
```
#38bca9 rgb(56,188,169)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#bc384b
```
#bc384b rgb(188,56,75)
```
#bca938
```
#bca938 rgb(188,169,56)
```

Tetradic Color

#263381
```
#263381 rgb(38,51,129)
```
#2c3b95
```
#2c3b95 rgb(44,59,149)
```
#3243a8
```
#3243a8 rgb(50,67,168)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#4658c8
```
#4658c8 rgb(70,88,200)
```
#596ace
```
#596ace rgb(89,106,206)
```
#6d7cd4
```
#6d7cd4 rgb(109,124,212)
```

Monochromatic Color

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

#386cbc
```
#386cbc rgb(56,108,188)
```
#3861bc
```
#3861bc rgb(56,97,188)
```
#3856bc
```
#3856bc rgb(56,86,188)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#3840bc
```
#3840bc rgb(56,64,188)
```
#3b38bc
```
#3b38bc rgb(59,56,188)
```
#4638bc
```
#4638bc rgb(70,56,188)
```

Similar Colors

Text with hexadecimal color #384bbc

This text has a font color of #384bbc.

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

#384bbc background color

This paragraph has a background color of #384bbc.

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

#384bbc border color

This element has a border color of #384bbc.

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

CSS codes

.text {color:#384bbc;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060916
```
#060916 rgb(6,9,22)
```
#0b0f25
```
#0b0f25 rgb(11,15,37)
```
#0f1534
```
#0f1534 rgb(15,21,52)
```
#141b43
```
#141b43 rgb(20,27,67)
```
#182152
```
#182152 rgb(24,33,82)
```
#1d2761
```
#1d2761 rgb(29,39,97)
```
#212d70
```
#212d70 rgb(33,45,112)
```
#263380
```
#263380 rgb(38,51,128)
```
#2a398f
```
#2a398f rgb(42,57,143)
```
#2f3f9e
```
#2f3f9e rgb(47,63,158)
```
#3345ad
```
#3345ad rgb(51,69,173)
```
#384bbc
```
#384bbc rgb(56,75,188)
```

Shade Color Variation

#4154c6
```
#4154c6 rgb(65,84,198)
```
#5062cb
```
#5062cb rgb(80,98,203)
```
#5f70cf
```
#5f70cf rgb(95,112,207)
```
#6f7dd4
```
#6f7dd4 rgb(111,125,212)
```
#7e8bd8
```
#7e8bd8 rgb(126,139,216)
```
#8d98dd
```
#8d98dd rgb(141,152,221)
```
#9ca6e1
```
#9ca6e1 rgb(156,166,225)
```
#abb3e6
```
#abb3e6 rgb(171,179,230)
```
#bac1ea
```
#bac1ea rgb(186,193,234)
```
#c9cfef
```
#c9cfef rgb(201,207,239)
```
#d8dcf3
```
#d8dcf3 rgb(216,220,243)
```
#e7eaf8
```
#e7eaf8 rgb(231,234,248)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7a7a is the less saturated color, while #092aeb is the most saturated one.

#7a7a7a
```
#7a7a7a rgb(122,122,122)
```
#707384
```
#707384 rgb(112,115,132)
```
#676c8d
```
#676c8d rgb(103,108,141)
```
#5e6696
```
#5e6696 rgb(94,102,150)
```
#545fa0
```
#545fa0 rgb(84,95,160)
```
#4b58a9
```
#4b58a9 rgb(75,88,169)
```
#4152b3
```
#4152b3 rgb(65,82,179)
```
#384bbc
```
#384bbc rgb(56,75,188)
```
#2f44c5
```
#2f44c5 rgb(47,68,197)
```
#253ecf
```
#253ecf rgb(37,62,207)
```
#1c37d8
```
#1c37d8 rgb(28,55,216)
```
#1230e2
```
#1230e2 rgb(18,48,226)
```
#092aeb
```
#092aeb rgb(9,42,235)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4d5167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619e Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1456b7 Protanomaly 1% of men, 0.01% of women
#1459a9 Deuteranomaly 6% of men, 0.4% of women
#145e8b Tritanomaly 0.01% of the population

#384bbc hex color

#384bbc Color Information

#384bbc Color Conversion

Color Schemes with #384bbc

Alternatives to #384bbc

#384bbc Preview

Shades and Tints of #384bbc

Tones of #384bbc

Color Blindness Simulator