colorhexa.com

#381cd3 hex color

In a RGB color space, hex #381cd3 is composed of 22% red, 11% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 86.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 249.2 degrees, a saturation of 76.6% and a lightness of 46.9%. #381cd3 color hex could be obtained by blending #7038ff with #0000a7. Closest websafe color is: #3333cc.

- R 22
- G 11
- B 83
RGB color chart
- C 73
- M 87
- Y 0
- K 17
CMYK color chart

● #381cd3 color description : Strong blue.

The hexadecimal color #381cd3 has RGB values of R:56, G:28, B:211 and CMYK values of C:0.73, M:0.87, Y:0, K:0.17. Its decimal value is 3677395.

Hex triplet	381cd3	`#381cd3`
RGB Decimal	56, 28, 211	`rgb(56,28,211)`
RGB Percent	22, 11, 82.7	`rgb(22%,11%,82.7%)`
CMYK	73, 87, 0, 17
HSL	249.2°, 76.6, 46.9	`hsl(249.2,76.6%,46.9%)`
HSV (or HSB)	249.2°, 86.7, 82.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.336, 63.081, -85.994
XYZ	13.802, 6.374, 62.127
xyY	0.168, 0.077, 6.374
CIE-LCH	30.336, 106.65, 306.262
CIE-LUV	30.336, -4.416, -108.217
Hunter-Lab	25.246, 53.403, -128.233
Binary	00111000, 00011100, 11010011

#381cd3
```
#381cd3 rgb(56,28,211)
```
#b7d31c
```
#b7d31c rgb(183,211,28)
```

Complementary Color

#1c5cd3
```
#1c5cd3 rgb(28,92,211)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#941cd3
```
#941cd3 rgb(148,28,211)
```

Analogous Color

#5cd31c
```
#5cd31c rgb(92,211,28)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#d3941c
```
#d3941c rgb(211,148,28)
```

Split Complementary Color

#1cd338
```
#1cd338 rgb(28,211,56)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#d3381c
```
#d3381c rgb(211,56,28)
```

Triadic Color

#1cb7d3
```
#1cb7d3 rgb(28,183,211)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#d3381c
```
#d3381c rgb(211,56,28)
```
#b7d31c
```
#b7d31c rgb(183,211,28)
```

Tetradic Color

#26138f
```
#26138f rgb(38,19,143)
```
#2c16a6
```
#2c16a6 rgb(44,22,166)
```
#3219bc
```
#3219bc rgb(50,25,188)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#4326e2
```
#4326e2 rgb(67,38,226)
```
#573de5
```
#573de5 rgb(87,61,229)
```
#6a53e8
```
#6a53e8 rgb(106,83,232)
```

Monochromatic Color

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

#1c2ed3
```
#1c2ed3 rgb(28,46,211)
```
#1c1fd3
```
#1c1fd3 rgb(28,31,211)
```
#291cd3
```
#291cd3 rgb(41,28,211)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#471cd3
```
#471cd3 rgb(71,28,211)
```
#561cd3
```
#561cd3 rgb(86,28,211)
```
#661cd3
```
#661cd3 rgb(102,28,211)
```

Similar Colors

Text with hexadecimal color #381cd3

This text has a font color of #381cd3.

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

#381cd3 background color

This paragraph has a background color of #381cd3.

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

#381cd3 border color

This element has a border color of #381cd3.

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

CSS codes

.text {color:#381cd3;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050315
```
#050315 rgb(5,3,21)
```
#0a0526
```
#0a0526 rgb(10,5,38)
```
#0f0737
```
#0f0737 rgb(15,7,55)
```
#130a48
```
#130a48 rgb(19,10,72)
```
#180c5a
```
#180c5a rgb(24,12,90)
```
#1c0e6b
```
#1c0e6b rgb(28,14,107)
```
#21117c
```
#21117c rgb(33,17,124)
```
#26138e
```
#26138e rgb(38,19,142)
```
#2a159f
```
#2a159f rgb(42,21,159)
```
#2f17b0
```
#2f17b0 rgb(47,23,176)
```
#331ac2
```
#331ac2 rgb(51,26,194)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```

Shade Color Variation

#3f21e2
```
#3f21e2 rgb(63,33,226)
```
#4e32e4
```
#4e32e4 rgb(78,50,228)
```
#5d44e6
```
#5d44e6 rgb(93,68,230)
```
#6c55e8
```
#6c55e8 rgb(108,85,232)
```
#7b66eb
```
#7b66eb rgb(123,102,235)
```
#8a78ed
```
#8a78ed rgb(138,120,237)
```
#9989ef
```
#9989ef rgb(153,137,239)
```
#a89af2
```
#a89af2 rgb(168,154,242)
```
#b7acf4
```
#b7acf4 rgb(183,172,244)
```
#c6bdf6
```
#c6bdf6 rgb(198,189,246)
```
#d5cef9
```
#d5cef9 rgb(213,206,249)
```
#e4e0fb
```
#e4e0fb rgb(228,224,251)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716f80 is the less saturated color, while #2500ef is the most saturated one.

#716f80
```
#716f80 rgb(113,111,128)
```
#6b6689
```
#6b6689 rgb(107,102,137)
```
#655c93
```
#655c93 rgb(101,92,147)
```
#5e539c
```
#5e539c rgb(94,83,156)
```
#584aa5
```
#584aa5 rgb(88,74,165)
```
#5241ae
```
#5241ae rgb(82,65,174)
```
#4b38b7
```
#4b38b7 rgb(75,56,183)
```
#452ec1
```
#452ec1 rgb(69,46,193)
```
#3e25ca
```
#3e25ca rgb(62,37,202)
```
#381cd3
```
#381cd3 rgb(56,28,211)
```
#3213dc
```
#3213dc rgb(50,19,220)
```
#2b0ae5
```
#2b0ae5 rgb(43,10,229)
```
#2500ef
```
#2500ef rgb(37,0,239)
```

Tone Color Variation

Below, you can see how #381cd3 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
#393358 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#143cad Protanomaly 1% of men, 0.01% of women
#143fa0 Deuteranomaly 6% of men, 0.4% of women
#144288 Tritanomaly 0.01% of the population