#384cff hex color

In a RGB color space, hex #384cff is composed of 22% red, 29.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 70.2% magenta, 0% yellow and 0% black. It has a hue angle of 234 degrees, a saturation of 100% and a lightness of 61%. #384cff color hex could be obtained by blending #7098ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 30
- B 100
RGB color chart
- C 78
- M 70
- Y 0
- K 0
CMYK color chart

● #384cff color description : Light blue.

The hexadecimal color #384cff has RGB values of R:56, G:76, B:255 and CMYK values of C:0.78, M:0.7, Y:0, K:0. Its decimal value is 3689727.

Hex triplet	384cff	`#384cff`
RGB Decimal	56, 76, 255	`rgb(56,76,255)`
RGB Percent	22, 29.8, 100	`rgb(22%,29.8%,100%)`
CMYK	78, 70, 0, 0
HSL	234°, 100, 61	`hsl(234,100%,61%)`
HSV (or HSB)	234°, 78, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	43.105, 53.445, -89.862
XYZ	22.262, 13.228, 95.982
xyY	0.169, 0.101, 13.228
CIE-LCH	43.105, 104.554, 300.742
CIE-LUV	43.105, -12.759, -131.277
Hunter-Lab	36.37, 45.608, -131.008
Binary	00111000, 01001100, 11111111

#384cff
```
#384cff rgb(56,76,255)
```
#ffeb38
```
#ffeb38 rgb(255,235,56)
```

Complementary Color

#38b0ff
```
#38b0ff rgb(56,176,255)
```
#384cff
```
#384cff rgb(56,76,255)
```
#8838ff
```
#8838ff rgb(136,56,255)
```

Analogous Color

#b0ff38
```
#b0ff38 rgb(176,255,56)
```
#384cff
```
#384cff rgb(56,76,255)
```
#ff8838
```
#ff8838 rgb(255,136,56)
```

Split Complementary Color

#4cff38
```
#4cff38 rgb(76,255,56)
```
#384cff
```
#384cff rgb(56,76,255)
```
#ff384c
```
#ff384c rgb(255,56,76)
```

Triadic Color

#38ffeb
```
#38ffeb rgb(56,255,235)
```
#384cff
```
#384cff rgb(56,76,255)
```
#ff384c
```
#ff384c rgb(255,56,76)
```
#ffeb38
```
#ffeb38 rgb(255,235,56)
```

Tetradic Color

#0018eb
```
#0018eb rgb(0,24,235)
```
#051eff
```
#051eff rgb(5,30,255)
```
#1f35ff
```
#1f35ff rgb(31,53,255)
```
#384cff
```
#384cff rgb(56,76,255)
```
#5263ff
```
#5263ff rgb(82,99,255)
```
#6b7aff
```
#6b7aff rgb(107,122,255)
```
#8591ff
```
#8591ff rgb(133,145,255)
```

Monochromatic Color

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

#387eff
```
#387eff rgb(56,126,255)
```
#386dff
```
#386dff rgb(56,109,255)
```
#385dff
```
#385dff rgb(56,93,255)
```
#384cff
```
#384cff rgb(56,76,255)
```
#383bff
```
#383bff rgb(56,59,255)
```
#4538ff
```
#4538ff rgb(69,56,255)
```
#5638ff
```
#5638ff rgb(86,56,255)
```

Similar Colors

Text with hexadecimal color #384cff

This text has a font color of #384cff.

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

#384cff background color

This paragraph has a background color of #384cff.

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

#384cff border color

This element has a border color of #384cff.

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

CSS codes

.text {color:#384cff;}

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

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

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

#000211
```
#000211 rgb(0,2,17)
```
#000424
```
#000424 rgb(0,4,36)
```
#000638
```
#000638 rgb(0,6,56)
```
#00084c
```
#00084c rgb(0,8,76)
```
#000a5f
```
#000a5f rgb(0,10,95)
```
#000c73
```
#000c73 rgb(0,12,115)
```
#000e86
```
#000e86 rgb(0,14,134)
```
#000f9a
```
#000f9a rgb(0,15,154)
```
#0011ae
```
#0011ae rgb(0,17,174)
```
#0013c1
```
#0013c1 rgb(0,19,193)
```
#0015d5
```
#0015d5 rgb(0,21,213)
```
#0017e9
```
#0017e9 rgb(0,23,233)
```
#0019fc
```
#0019fc rgb(0,25,252)
```

Shade Color Variation

#1129ff
```
#1129ff rgb(17,41,255)
```
#243aff
```
#243aff rgb(36,58,255)
```
#384cff
```
#384cff rgb(56,76,255)
```
#4c5eff
```
#4c5eff rgb(76,94,255)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#7381ff
```
#7381ff rgb(115,129,255)
```
#8693ff
```
#8693ff rgb(134,147,255)
```
#9aa4ff
```
#9aa4ff rgb(154,164,255)
```
#aeb6ff
```
#aeb6ff rgb(174,182,255)
```
#c1c8ff
```
#c1c8ff rgb(193,200,255)
```
#d5d9ff
```
#d5d9ff rgb(213,217,255)
```
#e9ebff
```
#e9ebff rgb(233,235,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9495a3 is the less saturated color, while #384cff is the most saturated one.

#9495a3
```
#9495a3 rgb(148,149,163)
```
#8c8fab
```
#8c8fab rgb(140,143,171)
```
#8589b2
```
#8589b2 rgb(133,137,178)
```
#7d83ba
```
#7d83ba rgb(125,131,186)
```
#757dc2
```
#757dc2 rgb(117,125,194)
```
#6e77c9
```
#6e77c9 rgb(110,119,201)
```
#6671d1
```
#6671d1 rgb(102,113,209)
```
#5e6bd9
```
#5e6bd9 rgb(94,107,217)
```
#5764e0
```
#5764e0 rgb(87,100,224)
```
#4f5ee8
```
#4f5ee8 rgb(79,94,232)
```
#4758f0
```
#4758f0 rgb(71,88,240)
```
#4052f7
```
#4052f7 rgb(64,82,247)
```
#384cff
```
#384cff rgb(56,76,255)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#53577b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#145fe0 Protanomaly 1% of men, 0.01% of women
#1463cf Deuteranomaly 6% of men, 0.4% of women
#1468ad Tritanomaly 0.01% of the population

#384cff hex color

#384cff Color Information

#384cff Color Conversion

Color Schemes with #384cff

Alternatives to #384cff

#384cff Preview

Shades and Tints of #384cff

Tones of #384cff

Color Blindness Simulator