#384ff5 hex color

In a RGB color space, hex #384ff5 is composed of 22% red, 31% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 67.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 232.7 degrees, a saturation of 90.4% and a lightness of 59%. #384ff5 color hex could be obtained by blending #709eff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 31
- B 96
RGB color chart
- C 77
- M 68
- Y 0
- K 4
CMYK color chart

● #384ff5 color description : Bright blue.

The hexadecimal color #384ff5 has RGB values of R:56, G:79, B:245 and CMYK values of C:0.77, M:0.68, Y:0, K:0.04. Its decimal value is 3690485.

Hex triplet	384ff5	`#384ff5`
RGB Decimal	56, 79, 245	`rgb(56,79,245)`
RGB Percent	22, 31, 96.1	`rgb(22%,31%,96.1%)`
CMYK	77, 68, 0, 4
HSL	232.7°, 90.4, 59	`hsl(232.7,90.4%,59%)`
HSV (or HSB)	232.7°, 77.1, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.799, 48.37, -84.772
XYZ	20.905, 13.024, 87.793
xyY	0.172, 0.107, 13.024
CIE-LCH	42.799, 97.601, 299.708
CIE-LUV	42.799, -13.076, -124.607
Hunter-Lab	36.089, 40.244, -118.974
Binary	00111000, 01001111, 11110101

#384ff5
```
#384ff5 rgb(56,79,245)
```
#f5de38
```
#f5de38 rgb(245,222,56)
```

Complementary Color

#38aef5
```
#38aef5 rgb(56,174,245)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#8038f5
```
#8038f5 rgb(128,56,245)
```

Analogous Color

#aef538
```
#aef538 rgb(174,245,56)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#f58038
```
#f58038 rgb(245,128,56)
```

Split Complementary Color

#4ff538
```
#4ff538 rgb(79,245,56)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#f5384f
```
#f5384f rgb(245,56,79)
```

Triadic Color

#38f5de
```
#38f5de rgb(56,245,222)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#f5384f
```
#f5384f rgb(245,56,79)
```
#f5de38
```
#f5de38 rgb(245,222,56)
```

Tetradic Color

#0b23d6
```
#0b23d6 rgb(11,35,214)
```
#0c27ee
```
#0c27ee rgb(12,39,238)
```
#203af4
```
#203af4 rgb(32,58,244)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#5064f6
```
#5064f6 rgb(80,100,246)
```
#697af7
```
#697af7 rgb(105,122,247)
```
#818ff9
```
#818ff9 rgb(129,143,249)
```

Monochromatic Color

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

#387ef5
```
#387ef5 rgb(56,126,245)
```
#386ff5
```
#386ff5 rgb(56,111,245)
```
#385ff5
```
#385ff5 rgb(56,95,245)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#383ff5
```
#383ff5 rgb(56,63,245)
```
#4138f5
```
#4138f5 rgb(65,56,245)
```
#5038f5
```
#5038f5 rgb(80,56,245)
```

Similar Colors

Text with hexadecimal color #384ff5

This text has a font color of #384ff5.

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

#384ff5 background color

This paragraph has a background color of #384ff5.

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

#384ff5 border color

This element has a border color of #384ff5.

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

CSS codes

.text {color:#384ff5;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010419
```
#010419 rgb(1,4,25)
```
#02072c
```
#02072c rgb(2,7,44)
```
#030a3e
```
#030a3e rgb(3,10,62)
```
#040d51
```
#040d51 rgb(4,13,81)
```
#051164
```
#051164 rgb(5,17,100)
```
#061477
```
#061477 rgb(6,20,119)
```
#071789
```
#071789 rgb(7,23,137)
```
#081a9c
```
#081a9c rgb(8,26,156)
```
#091daf
```
#091daf rgb(9,29,175)
```
#0a20c1
```
#0a20c1 rgb(10,32,193)
```
#0b23d4
```
#0b23d4 rgb(11,35,212)
```
#0c26e7
```
#0c26e7 rgb(12,38,231)
```

Shade Color Variation

#132ef3
```
#132ef3 rgb(19,46,243)
```
#253ef4
```
#253ef4 rgb(37,62,244)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#4b60f6
```
#4b60f6 rgb(75,96,246)
```
#5d70f7
```
#5d70f7 rgb(93,112,247)
```
#7081f8
```
#7081f8 rgb(112,129,248)
```
#8391f9
```
#8391f9 rgb(131,145,249)
```
#95a2fa
```
#95a2fa rgb(149,162,250)
```
#a8b2fb
```
#a8b2fb rgb(168,178,251)
```
#bbc3fc
```
#bbc3fc rgb(187,195,252)
```
#cdd3fd
```
#cdd3fd rgb(205,211,253)
```
#e0e4fd
```
#e0e4fd rgb(224,228,253)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90929d is the less saturated color, while #3049fd is the most saturated one.

#90929d
```
#90929d rgb(144,146,157)
```
#888ca5
```
#888ca5 rgb(136,140,165)
```
#8086ad
```
#8086ad rgb(128,134,173)
```
#7880b5
```
#7880b5 rgb(120,128,181)
```
#707abd
```
#707abd rgb(112,122,189)
```
#6873c5
```
#6873c5 rgb(104,115,197)
```
#606dcd
```
#606dcd rgb(96,109,205)
```
#5867d5
```
#5867d5 rgb(88,103,213)
```
#5061dd
```
#5061dd rgb(80,97,221)
```
#485be5
```
#485be5 rgb(72,91,229)
```
#4055ed
```
#4055ed rgb(64,85,237)
```
#384ff5
```
#384ff5 rgb(56,79,245)
```
#3049fd
```
#3049fd rgb(48,73,253)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#54597a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1460dc Protanomaly 1% of men, 0.01% of women
#1464cb Deuteranomaly 6% of men, 0.4% of women
#1469a9 Tritanomaly 0.01% of the population

#384ff5 hex color

#384ff5 Color Information

#384ff5 Color Conversion

Color Schemes with #384ff5

Alternatives to #384ff5

#384ff5 Preview

Shades and Tints of #384ff5

Tones of #384ff5

Color Blindness Simulator