#381cd9 hex color

In a RGB color space, hex #381cd9 is composed of 22% red, 11% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 87.1% magenta, 0% yellow and 14.9% black. It has a hue angle of 248.9 degrees, a saturation of 77.1% and a lightness of 48%. #381cd9 color hex could be obtained by blending #7038ff with #0000b3. Closest websafe color is: #3333cc.

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

● #381cd9 color description : Vivid blue.

The hexadecimal color #381cd9 has RGB values of R:56, G:28, B:217 and CMYK values of C:0.74, M:0.87, Y:0, K:0.15. Its decimal value is 3677401.

Hex triplet	381cd9	`#381cd9`
RGB Decimal	56, 28, 217	`rgb(56,28,217)`
RGB Percent	22, 11, 85.1	`rgb(22%,11%,85.1%)`
CMYK	74, 87, 0, 15
HSL	248.9°, 77.1, 48	`hsl(248.9,77.1%,48%)`
HSV (or HSB)	248.9°, 87.1, 85.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.067, 64.706, -88.25
XYZ	14.568, 6.68, 66.163
xyY	0.167, 0.076, 6.68
CIE-LCH	31.067, 109.43, 306.249
CIE-LUV	31.067, -4.774, -111.637
Hunter-Lab	25.846, 55.381, -133.685
Binary	00111000, 00011100, 11011001

#381cd9
```
#381cd9 rgb(56,28,217)
```
#bdd91c
```
#bdd91c rgb(189,217,28)
```

Complementary Color

#1c5ed9
```
#1c5ed9 rgb(28,94,217)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#971cd9
```
#971cd9 rgb(151,28,217)
```

Analogous Color

#5fd91c
```
#5fd91c rgb(95,217,28)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#d9971c
```
#d9971c rgb(217,151,28)
```

Split Complementary Color

#1cd938
```
#1cd938 rgb(28,217,56)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#d9381c
```
#d9381c rgb(217,56,28)
```

Triadic Color

#1cbdd9
```
#1cbdd9 rgb(28,189,217)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#d9381c
```
#d9381c rgb(217,56,28)
```
#bdd91c
```
#bdd91c rgb(189,217,28)
```

Tetradic Color

#271395
```
#271395 rgb(39,19,149)
```
#2c16ac
```
#2c16ac rgb(44,22,172)
```
#3219c2
```
#3219c2 rgb(50,25,194)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#462be4
```
#462be4 rgb(70,43,228)
```
#5a41e7
```
#5a41e7 rgb(90,65,231)
```
#6e58e9
```
#6e58e9 rgb(110,88,233)
```

Monochromatic Color

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

#1c2fd9
```
#1c2fd9 rgb(28,47,217)
```
#1c20d9
```
#1c20d9 rgb(28,32,217)
```
#281cd9
```
#281cd9 rgb(40,28,217)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#481cd9
```
#481cd9 rgb(72,28,217)
```
#581cd9
```
#581cd9 rgb(88,28,217)
```
#671cd9
```
#671cd9 rgb(103,28,217)
```

Similar Colors

Text with hexadecimal color #381cd9

This text has a font color of #381cd9.

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

#381cd9 background color

This paragraph has a background color of #381cd9.

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

#381cd9 border color

This element has a border color of #381cd9.

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

CSS codes

.text {color:#381cd9;}

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

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

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 #f7f6fe is the lightest one.

#020109
```
#020109 rgb(2,1,9)
```
#07031a
```
#07031a rgb(7,3,26)
```
#0b062b
```
#0b062b rgb(11,6,43)
```
#10083d
```
#10083d rgb(16,8,61)
```
#140a4e
```
#140a4e rgb(20,10,78)
```
#190c5f
```
#190c5f rgb(25,12,95)
```
#1d0f71
```
#1d0f71 rgb(29,15,113)
```
#221182
```
#221182 rgb(34,17,130)
```
#261394
```
#261394 rgb(38,19,148)
```
#2b15a5
```
#2b15a5 rgb(43,21,165)
```
#2f18b6
```
#2f18b6 rgb(47,24,182)
```
#341ac8
```
#341ac8 rgb(52,26,200)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```

Shade Color Variation

#4226e3
```
#4226e3 rgb(66,38,227)
```
#5137e5
```
#5137e5 rgb(81,55,229)
```
#6048e7
```
#6048e7 rgb(96,72,231)
```
#6f5aea
```
#6f5aea rgb(111,90,234)
```
#7e6bec
```
#7e6bec rgb(126,107,236)
```
#8d7dee
```
#8d7dee rgb(141,125,238)
```
#9c8ef0
```
#9c8ef0 rgb(156,142,240)
```
#ac9ff3
```
#ac9ff3 rgb(172,159,243)
```
#bbb1f5
```
#bbb1f5 rgb(187,177,245)
```
#cac2f7
```
#cac2f7 rgb(202,194,247)
```
#d9d3f9
```
#d9d3f9 rgb(217,211,249)
```
#e8e5fc
```
#e8e5fc rgb(232,229,252)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

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

#7a7a7b
```
#7a7a7b rgb(122,122,123)
```
#747184
```
#747184 rgb(116,113,132)
```
#6d678e
```
#6d678e rgb(109,103,142)
```
#665e97
```
#665e97 rgb(102,94,151)
```
#6055a0
```
#6055a0 rgb(96,85,160)
```
#594baa
```
#594baa rgb(89,75,170)
```
#5342b3
```
#5342b3 rgb(83,66,179)
```
#4c38bd
```
#4c38bd rgb(76,56,189)
```
#452fc6
```
#452fc6 rgb(69,47,198)
```
#3f25d0
```
#3f25d0 rgb(63,37,208)
```
#381cd9
```
#381cd9 rgb(56,28,217)
```
#3113e2
```
#3113e2 rgb(49,19,226)
```
#2b09ec
```
#2b09ec rgb(43,9,236)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3a345a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#143db1 Protanomaly 1% of men, 0.01% of women
#1440a4 Deuteranomaly 6% of men, 0.4% of women
#14438b Tritanomaly 0.01% of the population

#381cd9 hex color

#381cd9 Color Information

#381cd9 Color Conversion

Color Schemes with #381cd9

Alternatives to #381cd9

#381cd9 Preview

Shades and Tints of #381cd9

Tones of #381cd9

Color Blindness Simulator