colorhexa.com

#381ec4 hex color

In a RGB color space, hex #381ec4 is composed of 22% red, 11.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 84.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 249.4 degrees, a saturation of 73.5% and a lightness of 44.3%. #381ec4 color hex could be obtained by blending #703cff with #000089. Closest websafe color is: #3333cc.

- R 22
- G 12
- B 77
RGB color chart
- C 71
- M 85
- Y 0
- K 23
CMYK color chart

● #381ec4 color description : Strong blue.

The hexadecimal color #381ec4 has RGB values of R:56, G:30, B:196 and CMYK values of C:0.71, M:0.85, Y:0, K:0.23. Its decimal value is 3677892.

Hex triplet	381ec4	`#381ec4`
RGB Decimal	56, 30, 196	`rgb(56,30,196)`
RGB Percent	22, 11.8, 76.9	`rgb(22%,11.8%,76.9%)`
CMYK	71, 85, 0, 23
HSL	249.4°, 73.5, 44.3	`hsl(249.4,73.5%,44.3%)`
HSV (or HSB)	249.4°, 84.7, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.784, 58.197, -79.813
XYZ	12.057, 5.754, 52.697
xyY	0.171, 0.082, 5.754
CIE-LCH	28.784, 98.777, 306.098
CIE-LUV	28.784, -3.662, -99.685
Hunter-Lab	23.988, 47.741, -113.457
Binary	00111000, 00011110, 11000100

#381ec4
```
#381ec4 rgb(56,30,196)
```
#aac41e
```
#aac41e rgb(170,196,30)
```

Complementary Color

#1e57c4
```
#1e57c4 rgb(30,87,196)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#8b1ec4
```
#8b1ec4 rgb(139,30,196)
```

Analogous Color

#57c41e
```
#57c41e rgb(87,196,30)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#c48b1e
```
#c48b1e rgb(196,139,30)
```

Split Complementary Color

#1ec438
```
#1ec438 rgb(30,196,56)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#c4381e
```
#c4381e rgb(196,56,30)
```

Triadic Color

#1eaac4
```
#1eaac4 rgb(30,170,196)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#c4381e
```
#c4381e rgb(196,56,30)
```
#aac41e
```
#aac41e rgb(170,196,30)
```

Tetradic Color

#251482
```
#251482 rgb(37,20,130)
```
#2b1798
```
#2b1798 rgb(43,23,152)
```
#321bae
```
#321bae rgb(50,27,174)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#3e21da
```
#3e21da rgb(62,33,218)
```
#5035e0
```
#5035e0 rgb(80,53,224)
```
#634be3
```
#634be3 rgb(99,75,227)
```

Monochromatic Color

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

#1e2ec4
```
#1e2ec4 rgb(30,46,196)
```
#1e20c4
```
#1e20c4 rgb(30,32,196)
```
#2a1ec4
```
#2a1ec4 rgb(42,30,196)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#461ec4
```
#461ec4 rgb(70,30,196)
```
#541ec4
```
#541ec4 rgb(84,30,196)
```
#611ec4
```
#611ec4 rgb(97,30,196)
```

Similar Colors

Text with hexadecimal color #381ec4

This text has a font color of #381ec4.

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

#381ec4 background color

This paragraph has a background color of #381ec4.

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

#381ec4 border color

This element has a border color of #381ec4.

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

CSS codes

.text {color:#381ec4;}

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

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

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

#030109
```
#030109 rgb(3,1,9)
```
#07041a
```
#07041a rgb(7,4,26)
```
#0c072b
```
#0c072b rgb(12,7,43)
```
#11093c
```
#11093c rgb(17,9,60)
```
#160c4d
```
#160c4d rgb(22,12,77)
```
#1b0e5e
```
#1b0e5e rgb(27,14,94)
```
#20116f
```
#20116f rgb(32,17,111)
```
#251480
```
#251480 rgb(37,20,128)
```
#291691
```
#291691 rgb(41,22,145)
```
#2e19a2
```
#2e19a2 rgb(46,25,162)
```
#331bb3
```
#331bb3 rgb(51,27,179)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#3d21d5
```
#3d21d5 rgb(61,33,213)
```

Shade Color Variation

#472bdf
```
#472bdf rgb(71,43,223)
```
#563ce1
```
#563ce1 rgb(86,60,225)
```
#644de4
```
#644de4 rgb(100,77,228)
```
#735ee6
```
#735ee6 rgb(115,94,230)
```
#826fe9
```
#826fe9 rgb(130,111,233)
```
#9180ec
```
#9180ec rgb(145,128,236)
```
#9f91ee
```
#9f91ee rgb(159,145,238)
```
#aea2f1
```
#aea2f1 rgb(174,162,241)
```
#bdb3f3
```
#bdb3f3 rgb(189,179,243)
```
#ccc4f6
```
#ccc4f6 rgb(204,196,246)
```
#dad5f9
```
#dad5f9 rgb(218,213,249)
```
#e9e6fb
```
#e9e6fb rgb(233,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6c76 is the less saturated color, while #2604de is the most saturated one.

#6e6c76
```
#6e6c76 rgb(110,108,118)
```
#68647e
```
#68647e rgb(104,100,126)
```
#625b87
```
#625b87 rgb(98,91,135)
```
#5c5290
```
#5c5290 rgb(92,82,144)
```
#564999
```
#564999 rgb(86,73,153)
```
#5041a1
```
#5041a1 rgb(80,65,161)
```
#4a38aa
```
#4a38aa rgb(74,56,170)
```
#442fb3
```
#442fb3 rgb(68,47,179)
```
#3e27bb
```
#3e27bb rgb(62,39,187)
```
#381ec4
```
#381ec4 rgb(56,30,196)
```
#3215cd
```
#3215cd rgb(50,21,205)
```
#2c0dd5
```
#2c0dd5 rgb(44,13,213)
```
#2604de
```
#2604de rgb(38,4,222)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#393455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#143aa4 Protanomaly 1% of men, 0.01% of women
#143d97 Deuteranomaly 6% of men, 0.4% of women
#144180 Tritanomaly 0.01% of the population