#381ed8 hex color

In a RGB color space, hex #381ed8 is composed of 22% red, 11.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 86.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 248.4 degrees, a saturation of 75.6% and a lightness of 48.2%. #381ed8 color hex could be obtained by blending #703cff with #0000b1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 22
- G 12
- B 85
RGB color chart
- C 74
- M 86
- Y 0
- K 15
CMYK color chart

● #381ed8 color description : Strong blue.

The hexadecimal color #381ed8 has RGB values of R:56, G:30, B:216 and CMYK values of C:0.74, M:0.86, Y:0, K:0.15. Its decimal value is 3677912.

Hex triplet	381ed8	`#381ed8`
RGB Decimal	56, 30, 216	`rgb(56,30,216)`
RGB Percent	22, 11.8, 84.7	`rgb(22%,11.8%,84.7%)`
CMYK	74, 86, 0, 15
HSL	248.4°, 75.6, 48.2	`hsl(248.4,75.6%,48.2%)`
HSV (or HSB)	248.4°, 86.1, 84.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.176, 63.745, -87.493
XYZ	14.487, 6.726, 65.497
xyY	0.167, 0.078, 6.726
CIE-LCH	31.176, 108.251, 306.076
CIE-LUV	31.176, -4.875, -111.14
Hunter-Lab	25.935, 54.324, -131.576
Binary	00111000, 00011110, 11011000

#381ed8
```
#381ed8 rgb(56,30,216)
```
#bed81e
```
#bed81e rgb(190,216,30)
```

Complementary Color

#1e61d8
```
#1e61d8 rgb(30,97,216)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#951ed8
```
#951ed8 rgb(149,30,216)
```

Analogous Color

#61d81e
```
#61d81e rgb(97,216,30)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#d8951e
```
#d8951e rgb(216,149,30)
```

Split Complementary Color

#1ed838
```
#1ed838 rgb(30,216,56)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#d8381e
```
#d8381e rgb(216,56,30)
```

Triadic Color

#1ebed8
```
#1ebed8 rgb(30,190,216)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#d8381e
```
#d8381e rgb(216,56,30)
```
#bed81e
```
#bed81e rgb(190,216,30)
```

Tetradic Color

#271595
```
#271595 rgb(39,21,149)
```
#2c18ab
```
#2c18ab rgb(44,24,171)
```
#321bc2
```
#321bc2 rgb(50,27,194)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#472ee2
```
#472ee2 rgb(71,46,226)
```
#5a44e5
```
#5a44e5 rgb(90,68,229)
```
#6e5ae8
```
#6e5ae8 rgb(110,90,232)
```

Monochromatic Color

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

#1e33d8
```
#1e33d8 rgb(30,51,216)
```
#1e23d8
```
#1e23d8 rgb(30,35,216)
```
#291ed8
```
#291ed8 rgb(41,30,216)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#481ed8
```
#481ed8 rgb(72,30,216)
```
#571ed8
```
#571ed8 rgb(87,30,216)
```
#671ed8
```
#671ed8 rgb(103,30,216)
```

Similar Colors

Text with hexadecimal color #381ed8

This text has a font color of #381ed8.

<span style="color:#381ed8;">Text here</span>

#381ed8 background color

This paragraph has a background color of #381ed8.

<p style="background-color:#381ed8;">Content here</p>

#381ed8 border color

This element has a border color of #381ed8.

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

CSS codes

.text {color:#381ed8;}

.background {background-color:#381ed8;}

.border {border:1px solid #381ed8;}

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

#020109
```
#020109 rgb(2,1,9)
```
#07041b
```
#07041b rgb(7,4,27)
```
#0b062c
```
#0b062c rgb(11,6,44)
```
#10083d
```
#10083d rgb(16,8,61)
```
#140b4e
```
#140b4e rgb(20,11,78)
```
#190d5f
```
#190d5f rgb(25,13,95)
```
#1d1071
```
#1d1071 rgb(29,16,113)
```
#221282
```
#221282 rgb(34,18,130)
```
#261493
```
#261493 rgb(38,20,147)
```
#2b17a4
```
#2b17a4 rgb(43,23,164)
```
#2f19b6
```
#2f19b6 rgb(47,25,182)
```
#341cc7
```
#341cc7 rgb(52,28,199)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```

Shade Color Variation

#4228e1
```
#4228e1 rgb(66,40,225)
```
#513ae4
```
#513ae4 rgb(81,58,228)
```
#614be6
```
#614be6 rgb(97,75,230)
```
#705ce8
```
#705ce8 rgb(112,92,232)
```
#7f6deb
```
#7f6deb rgb(127,109,235)
```
#8e7fed
```
#8e7fed rgb(142,127,237)
```
#9d90f0
```
#9d90f0 rgb(157,144,240)
```
#aca1f2
```
#aca1f2 rgb(172,161,242)
```
#bbb2f4
```
#bbb2f4 rgb(187,178,244)
```
#cbc3f7
```
#cbc3f7 rgb(203,195,247)
```
#dad5f9
```
#dad5f9 rgb(218,213,249)
```
#e9e6fc
```
#e9e6fc rgb(233,230,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757383 is the less saturated color, while #2402f4 is the most saturated one.

#757383
```
#757383 rgb(117,115,131)
```
#6f6a8c
```
#6f6a8c rgb(111,106,140)
```
#686096
```
#686096 rgb(104,96,150)
```
#61579f
```
#61579f rgb(97,87,159)
```
#5a4da9
```
#5a4da9 rgb(90,77,169)
```
#5344b2
```
#5344b2 rgb(83,68,178)
```
#4c3abc
```
#4c3abc rgb(76,58,188)
```
#4631c5
```
#4631c5 rgb(70,49,197)
```
#3f27cf
```
#3f27cf rgb(63,39,207)
```
#381ed8
```
#381ed8 rgb(56,30,216)
```
#3115e1
```
#3115e1 rgb(49,21,225)
```
#2a0beb
```
#2a0beb rgb(42,11,235)
```
#2402f4
```
#2402f4 rgb(36,2,244)
```

Tone Color Variation

Below, you can see how #381ed8 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

#3b3b3b Achromatopsia 0.005% of the population
#3a355a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#143eb1 Protanomaly 1% of men, 0.01% of women
#1441a4 Deuteranomaly 6% of men, 0.4% of women
#14448b Tritanomaly 0.01% of the population

#381ed8 hex color

#381ed8 Color Information

#381ed8 Color Conversion

Color Schemes with #381ed8

Alternatives to #381ed8

#381ed8 Preview

Shades and Tints of #381ed8

Tones of #381ed8

Color Blindness Simulator