colorhexa.com

#381ad4 hex color

In a RGB color space, hex #381ad4 is composed of 22% red, 10.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 87.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 249.7 degrees, a saturation of 78.2% and a lightness of 46.7%. #381ad4 color hex could be obtained by blending #7034ff with #0000a9. Closest websafe color is: #3333cc.

- R 22
- G 10
- B 83
RGB color chart
- C 74
- M 88
- Y 0
- K 17
CMYK color chart

● #381ad4 color description : Strong blue.

The hexadecimal color #381ad4 has RGB values of R:56, G:26, B:212 and CMYK values of C:0.74, M:0.88, Y:0, K:0.17. Its decimal value is 3676884.

Hex triplet	381ad4	`#381ad4`
RGB Decimal	56, 26, 212	`rgb(56,26,212)`
RGB Percent	22, 10.2, 83.1	`rgb(22%,10.2%,83.1%)`
CMYK	74, 88, 0, 17
HSL	249.7°, 78.2, 46.7	`hsl(249.7,78.2%,46.7%)`
HSV (or HSB)	249.7°, 87.7, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.236, 64.021, -86.741
XYZ	13.882, 6.332, 62.774
xyY	0.167, 0.076, 6.332
CIE-LCH	30.236, 107.808, 306.43
CIE-LUV	30.236, -4.324, -108.71
Hunter-Lab	25.164, 54.432, -130.291
Binary	00111000, 00011010, 11010100

#381ad4
```
#381ad4 rgb(56,26,212)
```
#b6d41a
```
#b6d41a rgb(182,212,26)
```

Complementary Color

#1a59d4
```
#1a59d4 rgb(26,89,212)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#951ad4
```
#951ad4 rgb(149,26,212)
```

Analogous Color

#59d41a
```
#59d41a rgb(89,212,26)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#d4951a
```
#d4951a rgb(212,149,26)
```

Split Complementary Color

#1ad438
```
#1ad438 rgb(26,212,56)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#d4381a
```
#d4381a rgb(212,56,26)
```

Triadic Color

#1ab6d4
```
#1ab6d4 rgb(26,182,212)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#d4381a
```
#d4381a rgb(212,56,26)
```
#b6d41a
```
#b6d41a rgb(182,212,26)
```

Tetradic Color

#261290
```
#261290 rgb(38,18,144)
```
#2c14a7
```
#2c14a7 rgb(44,20,167)
```
#3217bd
```
#3217bd rgb(50,23,189)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#4223e4
```
#4223e4 rgb(66,35,228)
```
#563ae7
```
#563ae7 rgb(86,58,231)
```
#6a51ea
```
#6a51ea rgb(106,81,234)
```

Monochromatic Color

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

#1a2bd4
```
#1a2bd4 rgb(26,43,212)
```
#1a1bd4
```
#1a1bd4 rgb(26,27,212)
```
#291ad4
```
#291ad4 rgb(41,26,212)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#471ad4
```
#471ad4 rgb(71,26,212)
```
#571ad4
```
#571ad4 rgb(87,26,212)
```
#671ad4
```
#671ad4 rgb(103,26,212)
```

Similar Colors

Text with hexadecimal color #381ad4

This text has a font color of #381ad4.

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

#381ad4 background color

This paragraph has a background color of #381ad4.

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

#381ad4 border color

This element has a border color of #381ad4.

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

CSS codes

.text {color:#381ad4;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050214
```
#050214 rgb(5,2,20)
```
#0a0525
```
#0a0525 rgb(10,5,37)
```
#0e0737
```
#0e0737 rgb(14,7,55)
```
#130948
```
#130948 rgb(19,9,72)
```
#180b5a
```
#180b5a rgb(24,11,90)
```
#1c0d6b
```
#1c0d6b rgb(28,13,107)
```
#210f7d
```
#210f7d rgb(33,15,125)
```
#26118e
```
#26118e rgb(38,17,142)
```
#2a14a0
```
#2a14a0 rgb(42,20,160)
```
#2f16b1
```
#2f16b1 rgb(47,22,177)
```
#3318c3
```
#3318c3 rgb(51,24,195)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```

Shade Color Variation

#3e1ee3
```
#3e1ee3 rgb(62,30,227)
```
#4d30e6
```
#4d30e6 rgb(77,48,230)
```
#5c41e8
```
#5c41e8 rgb(92,65,232)
```
#6b53ea
```
#6b53ea rgb(107,83,234)
```
#7a64ec
```
#7a64ec rgb(122,100,236)
```
#8976ee
```
#8976ee rgb(137,118,238)
```
#9887f0
```
#9887f0 rgb(152,135,240)
```
#a798f2
```
#a798f2 rgb(167,152,242)
```
#b6aaf5
```
#b6aaf5 rgb(182,170,245)
```
#c5bbf7
```
#c5bbf7 rgb(197,187,247)
```
#d4cdf9
```
#d4cdf9 rgb(212,205,249)
```
#e3defb
```
#e3defb rgb(227,222,251)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#767678
```
#767678 rgb(118,118,120)
```
#706c82
```
#706c82 rgb(112,108,130)
```
#6a638b
```
#6a638b rgb(106,99,139)
```
#635a94
```
#635a94 rgb(99,90,148)
```
#5d519d
```
#5d519d rgb(93,81,157)
```
#5748a6
```
#5748a6 rgb(87,72,166)
```
#513faf
```
#513faf rgb(81,63,175)
```
#4b35b9
```
#4b35b9 rgb(75,53,185)
```
#442cc2
```
#442cc2 rgb(68,44,194)
```
#3e23cb
```
#3e23cb rgb(62,35,203)
```
#381ad4
```
#381ad4 rgb(56,26,212)
```
#3211dd
```
#3211dd rgb(50,17,221)
```
#2c08e6
```
#2c08e6 rgb(44,8,230)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#383257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005383 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#143bad Protanomaly 1% of men, 0.01% of women
#143ea0 Deuteranomaly 6% of men, 0.4% of women
#144188 Tritanomaly 0.01% of the population