colorhexa.com

#381af2 hex color

In a RGB color space, hex #381af2 is composed of 22% red, 10.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 89.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.3 degrees, a saturation of 89.3% and a lightness of 52.5%. #381af2 color hex could be obtained by blending #7034ff with #0000e5. Closest websafe color is: #3333ff.

- R 22
- G 10
- B 95
RGB color chart
- C 77
- M 89
- Y 0
- K 5
CMYK color chart

● #381af2 color description : Vivid blue.

The hexadecimal color #381af2 has RGB values of R:56, G:26, B:242 and CMYK values of C:0.77, M:0.89, Y:0, K:0.05. Its decimal value is 3676914.

Hex triplet	381af2	`#381af2`
RGB Decimal	56, 26, 242	`rgb(56,26,242)`
RGB Percent	22, 10.2, 94.9	`rgb(22%,10.2%,94.9%)`
CMYK	77, 89, 0, 5
HSL	248.3°, 89.3, 52.5	`hsl(248.3,89.3%,52.5%)`
HSV (or HSB)	248.3°, 89.3, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.96, 71.913, -97.721
XYZ	18.024, 7.989, 84.592
xyY	0.163, 0.072, 7.989
CIE-LCH	33.96, 121.33, 306.35
CIE-LUV	33.96, -6.07, -125.709
Hunter-Lab	28.265, 64.362, -157.656
Binary	00111000, 00011010, 11110010

#381af2
```
#381af2 rgb(56,26,242)
```
#d4f21a
```
#d4f21a rgb(212,242,26)
```

Complementary Color

#1a68f2
```
#1a68f2 rgb(26,104,242)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#a41af2
```
#a41af2 rgb(164,26,242)
```

Analogous Color

#68f21a
```
#68f21a rgb(104,242,26)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#f2a41a
```
#f2a41a rgb(242,164,26)
```

Split Complementary Color

#1af238
```
#1af238 rgb(26,242,56)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#f2381a
```
#f2381a rgb(242,56,26)
```

Triadic Color

#1ad4f2
```
#1ad4f2 rgb(26,212,242)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#f2381a
```
#f2381a rgb(242,56,26)
```
#d4f21a
```
#d4f21a rgb(212,242,26)
```

Tetradic Color

#220ab5
```
#220ab5 rgb(34,10,181)
```
#270ccd
```
#270ccd rgb(39,12,205)
```
#2b0de5
```
#2b0de5 rgb(43,13,229)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#4d32f3
```
#4d32f3 rgb(77,50,243)
```
#624af5
```
#624af5 rgb(98,74,245)
```
#7762f6
```
#7762f6 rgb(119,98,246)
```

Monochromatic Color

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

#1a32f2
```
#1a32f2 rgb(26,50,242)
```
#1a20f2
```
#1a20f2 rgb(26,32,242)
```
#261af2
```
#261af2 rgb(38,26,242)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#4a1af2
```
#4a1af2 rgb(74,26,242)
```
#5c1af2
```
#5c1af2 rgb(92,26,242)
```
#6e1af2
```
#6e1af2 rgb(110,26,242)
```

Similar Colors

Text with hexadecimal color #381af2

This text has a font color of #381af2.

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

#381af2 background color

This paragraph has a background color of #381af2.

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

#381af2 border color

This element has a border color of #381af2.

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

CSS codes

.text {color:#381af2;}

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

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

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, #02010c is the darkest color, while #faf9ff is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#06021f
```
#06021f rgb(6,2,31)
```
#090331
```
#090331 rgb(9,3,49)
```
#0d0444
```
#0d0444 rgb(13,4,68)
```
#100557
```
#100557 rgb(16,5,87)
```
#140669
```
#140669 rgb(20,6,105)
```
#17077c
```
#17077c rgb(23,7,124)
```
#1b088e
```
#1b088e rgb(27,8,142)
```
#1e09a1
```
#1e09a1 rgb(30,9,161)
```
#220ab3
```
#220ab3 rgb(34,10,179)
```
#250bc6
```
#250bc6 rgb(37,11,198)
```
#290cd8
```
#290cd8 rgb(41,12,216)
```
#2c0deb
```
#2c0deb rgb(44,13,235)
```

Shade Color Variation

#381af2
```
#381af2 rgb(56,26,242)
```
#482df3
```
#482df3 rgb(72,45,243)
```
#583ff4
```
#583ff4 rgb(88,63,244)
```
#6852f5
```
#6852f5 rgb(104,82,245)
```
#7964f6
```
#7964f6 rgb(121,100,246)
```
#8977f7
```
#8977f7 rgb(137,119,247)
```
#9989f8
```
#9989f8 rgb(153,137,248)
```
#a99cf9
```
#a99cf9 rgb(169,156,249)
```
#b9aefa
```
#b9aefa rgb(185,174,250)
```
#c9c1fb
```
#c9c1fb rgb(201,193,251)
```
#d9d4fd
```
#d9d4fd rgb(217,212,253)
```
#e9e6fe
```
#e9e6fe rgb(233,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82808c is the less saturated color, while #3111fb is the most saturated one.

#82808c
```
#82808c rgb(130,128,140)
```
#7b7795
```
#7b7795 rgb(123,119,149)
```
#756e9e
```
#756e9e rgb(117,110,158)
```
#6e64a8
```
#6e64a8 rgb(110,100,168)
```
#675bb1
```
#675bb1 rgb(103,91,177)
```
#6052ba
```
#6052ba rgb(96,82,186)
```
#5a49c3
```
#5a49c3 rgb(90,73,195)
```
#533fcd
```
#533fcd rgb(83,63,205)
```
#4c36d6
```
#4c36d6 rgb(76,54,214)
```
#452ddf
```
#452ddf rgb(69,45,223)
```
#3f23e9
```
#3f23e9 rgb(63,35,233)
```
#381af2
```
#381af2 rgb(56,26,242)
```
#3111fb
```
#3111fb rgb(49,17,251)
```

Tone Color Variation

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

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1440c2 Protanomaly 1% of men, 0.01% of women
#1443b4 Deuteranomaly 6% of men, 0.4% of women
#144799 Tritanomaly 0.01% of the population