#381ddd hex color

In a RGB color space, hex #381ddd is composed of 22% red, 11.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 86.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 248.4 degrees, a saturation of 76.8% and a lightness of 49%. #381ddd color hex could be obtained by blending #703aff with #0000bb. Closest websafe color is: #3333cc.

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

● #381ddd color description : Vivid blue.

The hexadecimal color #381ddd has RGB values of R:56, G:29, B:221 and CMYK values of C:0.75, M:0.87, Y:0, K:0.13. Its decimal value is 3677661.

Hex triplet	381ddd	`#381ddd`
RGB Decimal	56, 29, 221	`rgb(56,29,221)`
RGB Percent	22, 11.4, 86.7	`rgb(22%,11.4%,86.7%)`
CMYK	75, 87, 0, 13
HSL	248.4°, 76.8, 49	`hsl(248.4,76.8%,49%)`
HSV (or HSB)	248.4°, 86.9, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.668, 65.449, -89.557
XYZ	15.119, 6.939, 68.945
xyY	0.166, 0.076, 6.939
CIE-LCH	31.668, 110.923, 306.16
CIE-LUV	31.668, -5.086, -113.95
Hunter-Lab	26.342, 56.35, -136.74
Binary	00111000, 00011101, 11011101

#381ddd
```
#381ddd rgb(56,29,221)
```
#c2dd1d
```
#c2dd1d rgb(194,221,29)
```

Complementary Color

#1d62dd
```
#1d62dd rgb(29,98,221)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#981ddd
```
#981ddd rgb(152,29,221)
```

Analogous Color

#62dd1d
```
#62dd1d rgb(98,221,29)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#dd981d
```
#dd981d rgb(221,152,29)
```

Split Complementary Color

#1ddd38
```
#1ddd38 rgb(29,221,56)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#dd381d
```
#dd381d rgb(221,56,29)
```

Triadic Color

#1dc2dd
```
#1dc2dd rgb(29,194,221)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#dd381d
```
#dd381d rgb(221,56,29)
```
#c2dd1d
```
#c2dd1d rgb(194,221,29)
```

Tetradic Color

#271499
```
#271499 rgb(39,20,153)
```
#2d17b0
```
#2d17b0 rgb(45,23,176)
```
#321ac6
```
#321ac6 rgb(50,26,198)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#4930e4
```
#4930e4 rgb(73,48,228)
```
#5d46e7
```
#5d46e7 rgb(93,70,231)
```
#715dea
```
#715dea rgb(113,93,234)
```

Monochromatic Color

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

#1d32dd
```
#1d32dd rgb(29,50,221)
```
#1d22dd
```
#1d22dd rgb(29,34,221)
```
#281ddd
```
#281ddd rgb(40,29,221)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#481ddd
```
#481ddd rgb(72,29,221)
```
#581ddd
```
#581ddd rgb(88,29,221)
```
#681ddd
```
#681ddd rgb(104,29,221)
```

Similar Colors

Text with hexadecimal color #381ddd

This text has a font color of #381ddd.

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

#381ddd background color

This paragraph has a background color of #381ddd.

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

#381ddd border color

This element has a border color of #381ddd.

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

CSS codes

.text {color:#381ddd;}

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

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

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, #03020d is the darkest color, while #fbfbfe is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#08041e
```
#08041e rgb(8,4,30)
```
#0c0630
```
#0c0630 rgb(12,6,48)
```
#100941
```
#100941 rgb(16,9,65)
```
#150b52
```
#150b52 rgb(21,11,82)
```
#190d64
```
#190d64 rgb(25,13,100)
```
#1e0f75
```
#1e0f75 rgb(30,15,117)
```
#221286
```
#221286 rgb(34,18,134)
```
#261498
```
#261498 rgb(38,20,152)
```
#2b16a9
```
#2b16a9 rgb(43,22,169)
```
#2f18ba
```
#2f18ba rgb(47,24,186)
```
#341bcc
```
#341bcc rgb(52,27,204)
```
#381ddd
```
#381ddd rgb(56,29,221)
```

Shade Color Variation

#442be3
```
#442be3 rgb(68,43,227)
```
#543ce5
```
#543ce5 rgb(84,60,229)
```
#634de8
```
#634de8 rgb(99,77,232)
```
#725fea
```
#725fea rgb(114,95,234)
```
#8170ec
```
#8170ec rgb(129,112,236)
```
#9181ee
```
#9181ee rgb(145,129,238)
```
#a093f1
```
#a093f1 rgb(160,147,241)
```
#afa4f3
```
#afa4f3 rgb(175,164,243)
```
#beb5f5
```
#beb5f5 rgb(190,181,245)
```
#cdc7f8
```
#cdc7f8 rgb(205,199,248)
```
#ddd8fa
```
#ddd8fa rgb(221,216,250)
```
#ece9fc
```
#ece9fc rgb(236,233,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#767486
```
#767486 rgb(118,116,134)
```
#6f6a90
```
#6f6a90 rgb(111,106,144)
```
#68609a
```
#68609a rgb(104,96,154)
```
#6157a3
```
#6157a3 rgb(97,87,163)
```
#5b4dad
```
#5b4dad rgb(91,77,173)
```
#5443b7
```
#5443b7 rgb(84,67,183)
```
#4d3ac0
```
#4d3ac0 rgb(77,58,192)
```
#4630ca
```
#4630ca rgb(70,48,202)
```
#3f27d3
```
#3f27d3 rgb(63,39,211)
```
#381ddd
```
#381ddd rgb(56,29,221)
```
#3113e7
```
#3113e7 rgb(49,19,231)
```
#2a0af0
```
#2a0af0 rgb(42,10,240)
```
#2300fa
```
#2300fa rgb(35,0,250)
```

Tone Color Variation

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

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#143eb5 Protanomaly 1% of men, 0.01% of women
#1441a7 Deuteranomaly 6% of men, 0.4% of women
#14458d Tritanomaly 0.01% of the population

#381ddd hex color

#381ddd Color Information

#381ddd Color Conversion

Color Schemes with #381ddd

Alternatives to #381ddd

#381ddd Preview

Shades and Tints of #381ddd

Tones of #381ddd

Color Blindness Simulator