#381af6 hex color

In a RGB color space, hex #381af6 is composed of 22% red, 10.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 89.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 248.2 degrees, a saturation of 92.4% and a lightness of 53.3%. #381af6 color hex could be obtained by blending #7034ff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 10
- B 96
RGB color chart
- C 77
- M 89
- Y 0
- K 4
CMYK color chart

● #381af6 color description : Vivid blue.

The hexadecimal color #381af6 has RGB values of R:56, G:26, B:246 and CMYK values of C:0.77, M:0.89, Y:0, K:0.04. Its decimal value is 3676918.

Hex triplet	381af6	`#381af6`
RGB Decimal	56, 26, 246	`rgb(56,26,246)`
RGB Percent	22, 10.2, 96.5	`rgb(22%,10.2%,96.5%)`
CMYK	77, 89, 0, 4
HSL	248.2°, 92.4, 53.3	`hsl(248.2,92.4%,53.3%)`
HSV (or HSB)	248.2°, 89.4, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.462, 72.943, -99.145
XYZ	18.632, 8.232, 87.791
xyY	0.163, 0.072, 8.232
CIE-LCH	34.462, 123.088, 306.343
CIE-LUV	34.462, -6.292, -127.958
Hunter-Lab	28.692, 65.702, -161.33
Binary	00111000, 00011010, 11110110

#381af6
```
#381af6 rgb(56,26,246)
```
#d8f61a
```
#d8f61a rgb(216,246,26)
```

Complementary Color

#1a6af6
```
#1a6af6 rgb(26,106,246)
```
#381af6
```
#381af6 rgb(56,26,246)
```
#a61af6
```
#a61af6 rgb(166,26,246)
```

Analogous Color

#6af61a
```
#6af61a rgb(106,246,26)
```
#381af6
```
#381af6 rgb(56,26,246)
```
#f6a61a
```
#f6a61a rgb(246,166,26)
```

Split Complementary Color

#1af638
```
#1af638 rgb(26,246,56)
```
#381af6
```
#381af6 rgb(56,26,246)
```
#f6381a
```
#f6381a rgb(246,56,26)
```

Triadic Color

#1ad8f6
```
#1ad8f6 rgb(26,216,246)
```
#381af6
```
#381af6 rgb(56,26,246)
```
#f6381a
```
#f6381a rgb(246,56,26)
```
#d8f61a
```
#d8f61a rgb(216,246,26)
```

Tetradic Color

#2007bc
```
#2007bc rgb(32,7,188)
```
#2408d5
```
#2408d5 rgb(36,8,213)
```
#2809ed
```
#2809ed rgb(40,9,237)
```
#381af6
```
#381af6 rgb(56,26,246)
```
#4d33f7
```
#4d33f7 rgb(77,51,247)
```
#634bf8
```
#634bf8 rgb(99,75,248)
```
#7864f9
```
#7864f9 rgb(120,100,249)
```

Monochromatic Color

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

#1a33f6
```
#1a33f6 rgb(26,51,246)
```
#1a21f6
```
#1a21f6 rgb(26,33,246)
```
#261af6
```
#261af6 rgb(38,26,246)
```
#381af6
```
#381af6 rgb(56,26,246)
```
#4a1af6
```
#4a1af6 rgb(74,26,246)
```
#5d1af6
```
#5d1af6 rgb(93,26,246)
```
#6f1af6
```
#6f1af6 rgb(111,26,246)
```

Similar Colors

Text with hexadecimal color #381af6

This text has a font color of #381af6.

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

#381af6 background color

This paragraph has a background color of #381af6.

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

#381af6 border color

This element has a border color of #381af6.

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

CSS codes

.text {color:#381af6;}

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

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

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

#030110
```
#030110 rgb(3,1,16)
```
#060123
```
#060123 rgb(6,1,35)
```
#090236
```
#090236 rgb(9,2,54)
```
#0c0349
```
#0c0349 rgb(12,3,73)
```
#10045c
```
#10045c rgb(16,4,92)
```
#13046f
```
#13046f rgb(19,4,111)
```
#160582
```
#160582 rgb(22,5,130)
```
#190694
```
#190694 rgb(25,6,148)
```
#1d07a7
```
#1d07a7 rgb(29,7,167)
```
#2007ba
```
#2007ba rgb(32,7,186)
```
#2308cd
```
#2308cd rgb(35,8,205)
```
#2609e0
```
#2609e0 rgb(38,9,224)
```
#290af3
```
#290af3 rgb(41,10,243)
```

Shade Color Variation

#381af6
```
#381af6 rgb(56,26,246)
```
#482df7
```
#482df7 rgb(72,45,247)
```
#5940f7
```
#5940f7 rgb(89,64,247)
```
#6953f8
```
#6953f8 rgb(105,83,248)
```
#7a65f9
```
#7a65f9 rgb(122,101,249)
```
#8a78fa
```
#8a78fa rgb(138,120,250)
```
#9a8bfa
```
#9a8bfa rgb(154,139,250)
```
#ab9efb
```
#ab9efb rgb(171,158,251)
```
#bbb1fc
```
#bbb1fc rgb(187,177,252)
```
#ccc4fd
```
#ccc4fd rgb(204,196,253)
```
#dcd7fd
```
#dcd7fd rgb(220,215,253)
```
#eceafe
```
#eceafe rgb(236,234,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#817f91
```
#817f91 rgb(129,127,145)
```
#7b769a
```
#7b769a rgb(123,118,154)
```
#746ca4
```
#746ca4 rgb(116,108,164)
```
#6d63ad
```
#6d63ad rgb(109,99,173)
```
#675ab6
```
#675ab6 rgb(103,90,182)
```
#6051bf
```
#6051bf rgb(96,81,191)
```
#5948c8
```
#5948c8 rgb(89,72,200)
```
#533fd1
```
#533fd1 rgb(83,63,209)
```
#4c35db
```
#4c35db rgb(76,53,219)
```
#452ce4
```
#452ce4 rgb(69,44,228)
```
#3f23ed
```
#3f23ed rgb(63,35,237)
```
#381af6
```
#381af6 rgb(56,26,246)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3b3561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#1441c5 Protanomaly 1% of men, 0.01% of women
#1444b6 Deuteranomaly 6% of men, 0.4% of women
#14489b Tritanomaly 0.01% of the population

#381af6 hex color

#381af6 Color Information

#381af6 Color Conversion

Color Schemes with #381af6

Alternatives to #381af6

#381af6 Preview

Shades and Tints of #381af6

Tones of #381af6

Color Blindness Simulator