#381fd2 hex color

In a RGB color space, hex #381fd2 is composed of 22% red, 12.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 85.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 248.4 degrees, a saturation of 74.3% and a lightness of 47.3%. #381fd2 color hex could be obtained by blending #703eff with #0000a5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 22
- G 12
- B 82
RGB color chart
- C 73
- M 85
- Y 0
- K 18
CMYK color chart

● #381fd2 color description : Strong blue.

The hexadecimal color #381fd2 has RGB values of R:56, G:31, B:210 and CMYK values of C:0.73, M:0.85, Y:0, K:0.18. Its decimal value is 3678162.

Hex triplet	381fd2	`#381fd2`
RGB Decimal	56, 31, 210	`rgb(56,31,210)`
RGB Percent	22, 12.2, 82.4	`rgb(22%,12.2%,82.4%)`
CMYK	73, 85, 0, 18
HSL	248.4°, 74.3, 47.3	`hsl(248.4,74.3%,47.3%)`
HSV (or HSB)	248.4°, 85.2, 82.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.576, 61.728, -85.015
XYZ	13.751, 6.473, 61.494
xyY	0.168, 0.079, 6.473
CIE-LCH	30.576, 105.061, 305.983
CIE-LUV	30.576, -4.606, -107.748
Hunter-Lab	25.442, 51.955, -125.494
Binary	00111000, 00011111, 11010010

#381fd2
```
#381fd2 rgb(56,31,210)
```
#b9d21f
```
#b9d21f rgb(185,210,31)
```

Complementary Color

#1f60d2
```
#1f60d2 rgb(31,96,210)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#921fd2
```
#921fd2 rgb(146,31,210)
```

Analogous Color

#60d21f
```
#60d21f rgb(96,210,31)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#d2921f
```
#d2921f rgb(210,146,31)
```

Split Complementary Color

#1fd238
```
#1fd238 rgb(31,210,56)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#d2381f
```
#d2381f rgb(210,56,31)
```

Triadic Color

#1fb9d2
```
#1fb9d2 rgb(31,185,210)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#d2381f
```
#d2381f rgb(210,56,31)
```
#b9d21f
```
#b9d21f rgb(185,210,31)
```

Tetradic Color

#26158f
```
#26158f rgb(38,21,143)
```
#2c18a6
```
#2c18a6 rgb(44,24,166)
```
#321cbc
```
#321cbc rgb(50,28,188)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#442be0
```
#442be0 rgb(68,43,224)
```
#5841e3
```
#5841e3 rgb(88,65,227)
```
#6b57e6
```
#6b57e6 rgb(107,87,230)
```

Monochromatic Color

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

#1f33d2
```
#1f33d2 rgb(31,51,210)
```
#1f24d2
```
#1f24d2 rgb(31,36,210)
```
#291fd2
```
#291fd2 rgb(41,31,210)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#471fd2
```
#471fd2 rgb(71,31,210)
```
#561fd2
```
#561fd2 rgb(86,31,210)
```
#651fd2
```
#651fd2 rgb(101,31,210)
```

Similar Colors

Text with hexadecimal color #381fd2

This text has a font color of #381fd2.

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

#381fd2 background color

This paragraph has a background color of #381fd2.

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

#381fd2 border color

This element has a border color of #381fd2.

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

CSS codes

.text {color:#381fd2;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#060316
```
#060316 rgb(6,3,22)
```
#0a0627
```
#0a0627 rgb(10,6,39)
```
#0f0838
```
#0f0838 rgb(15,8,56)
```
#140b49
```
#140b49 rgb(20,11,73)
```
#180d5a
```
#180d5a rgb(24,13,90)
```
#1d106b
```
#1d106b rgb(29,16,107)
```
#21127d
```
#21127d rgb(33,18,125)
```
#26158e
```
#26158e rgb(38,21,142)
```
#2a179f
```
#2a179f rgb(42,23,159)
```
#2f1ab0
```
#2f1ab0 rgb(47,26,176)
```
#331cc1
```
#331cc1 rgb(51,28,193)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```

Shade Color Variation

#4026df
```
#4026df rgb(64,38,223)
```
#4f37e1
```
#4f37e1 rgb(79,55,225)
```
#5e48e4
```
#5e48e4 rgb(94,72,228)
```
#6d59e6
```
#6d59e6 rgb(109,89,230)
```
#7c6ae9
```
#7c6ae9 rgb(124,106,233)
```
#8b7bec
```
#8b7bec rgb(139,123,236)
```
#9a8cee
```
#9a8cee rgb(154,140,238)
```
#a99df1
```
#a99df1 rgb(169,157,241)
```
#b8aef3
```
#b8aef3 rgb(184,174,243)
```
#c7c0f6
```
#c7c0f6 rgb(199,192,246)
```
#d6d1f8
```
#d6d1f8 rgb(214,209,248)
```
#e5e2fb
```
#e5e2fb rgb(229,226,251)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74727f is the less saturated color, while #2403ee is the most saturated one.

#74727f
```
#74727f rgb(116,114,127)
```
#6d6988
```
#6d6988 rgb(109,105,136)
```
#676091
```
#676091 rgb(103,96,145)
```
#60579a
```
#60579a rgb(96,87,154)
```
#594da4
```
#594da4 rgb(89,77,164)
```
#5344ad
```
#5344ad rgb(83,68,173)
```
#4c3bb6
```
#4c3bb6 rgb(76,59,182)
```
#4532bf
```
#4532bf rgb(69,50,191)
```
#3f28c9
```
#3f28c9 rgb(63,40,201)
```
#381fd2
```
#381fd2 rgb(56,31,210)
```
#3116db
```
#3116db rgb(49,22,219)
```
#2b0ce5
```
#2b0ce5 rgb(43,12,229)
```
#2403ee
```
#2403ee rgb(36,3,238)
```

Tone Color Variation

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

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#143dae Protanomaly 1% of men, 0.01% of women
#1440a0 Deuteranomaly 6% of men, 0.4% of women
#144488 Tritanomaly 0.01% of the population

#381fd2 hex color

#381fd2 Color Information

#381fd2 Color Conversion

Color Schemes with #381fd2

Alternatives to #381fd2

#381fd2 Preview

Shades and Tints of #381fd2

Tones of #381fd2

Color Blindness Simulator