#380ae2 hex color

In a RGB color space, hex #380ae2 is composed of 22% red, 3.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 95.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.8 degrees, a saturation of 91.5% and a lightness of 46.3%. #380ae2 color hex could be obtained by blending #7014ff with #0000c5. Closest websafe color is: #3300cc.

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

● #380ae2 color description : Vivid blue.

The hexadecimal color #380ae2 has RGB values of R:56, G:10, B:226 and CMYK values of C:0.75, M:0.96, Y:0, K:0.11. Its decimal value is 3672802.

Hex triplet	380ae2	`#380ae2`
RGB Decimal	56, 10, 226	`rgb(56,10,226)`
RGB Percent	22, 3.9, 88.6	`rgb(22%,3.9%,88.6%)`
CMYK	75, 96, 0, 11
HSL	252.8°, 91.5, 46.3	`hsl(252.8,91.5%,46.3%)`
HSV (or HSB)	252.8°, 95.6, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.755, 71.431, -93.95
XYZ	15.464, 6.548, 72.396
xyY	0.164, 0.069, 6.548
CIE-LCH	30.755, 118.021, 307.246
CIE-LUV	30.755, -4.353, -116.036
Hunter-Lab	25.589, 63.093, -149.831
Binary	00111000, 00001010, 11100010

#380ae2
```
#380ae2 rgb(56,10,226)
```
#b4e20a
```
#b4e20a rgb(180,226,10)
```

Complementary Color

#0a48e2
```
#0a48e2 rgb(10,72,226)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#a40ae2
```
#a40ae2 rgb(164,10,226)
```

Analogous Color

#48e20a
```
#48e20a rgb(72,226,10)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#e2a40a
```
#e2a40a rgb(226,164,10)
```

Split Complementary Color

#0ae238
```
#0ae238 rgb(10,226,56)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#e2380a
```
#e2380a rgb(226,56,10)
```

Triadic Color

#0ab4e2
```
#0ab4e2 rgb(10,180,226)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#e2380a
```
#e2380a rgb(226,56,10)
```
#b4e20a
```
#b4e20a rgb(180,226,10)
```

Tetradic Color

#260799
```
#260799 rgb(38,7,153)
```
#2c08b1
```
#2c08b1 rgb(44,8,177)
```
#3209ca
```
#3209ca rgb(50,9,202)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#4111f4
```
#4111f4 rgb(65,17,244)
```
#5529f6
```
#5529f6 rgb(85,41,246)
```
#6842f7
```
#6842f7 rgb(104,66,247)
```

Monochromatic Color

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

#0a12e2
```
#0a12e2 rgb(10,18,226)
```
#140ae2
```
#140ae2 rgb(20,10,226)
```
#260ae2
```
#260ae2 rgb(38,10,226)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#4a0ae2
```
#4a0ae2 rgb(74,10,226)
```
#5c0ae2
```
#5c0ae2 rgb(92,10,226)
```
#6e0ae2
```
#6e0ae2 rgb(110,10,226)
```

Similar Colors

Text with hexadecimal color #380ae2

This text has a font color of #380ae2.

<span style="color:#380ae2;">Text here</span>

#380ae2 background color

This paragraph has a background color of #380ae2.

<p style="background-color:#380ae2;">Content here</p>

#380ae2 border color

This element has a border color of #380ae2.

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

CSS codes

.text {color:#380ae2;}

.background {background-color:#380ae2;}

.border {border:1px solid #380ae2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#050113
```
#050113 rgb(5,1,19)
```
#090226
```
#090226 rgb(9,2,38)
```
#0e0339
```
#0e0339 rgb(14,3,57)
```
#13034c
```
#13034c rgb(19,3,76)
```
#17045f
```
#17045f rgb(23,4,95)
```
#1c0571
```
#1c0571 rgb(28,5,113)
```
#210684
```
#210684 rgb(33,6,132)
```
#250797
```
#250797 rgb(37,7,151)
```
#2a08aa
```
#2a08aa rgb(42,8,170)
```
#2f08bc
```
#2f08bc rgb(47,8,188)
```
#3309cf
```
#3309cf rgb(51,9,207)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```

Shade Color Variation

#3d0bf4
```
#3d0bf4 rgb(61,11,244)
```
#4c1ef5
```
#4c1ef5 rgb(76,30,245)
```
#5b31f6
```
#5b31f6 rgb(91,49,246)
```
#6a44f7
```
#6a44f7 rgb(106,68,247)
```
#7957f8
```
#7957f8 rgb(121,87,248)
```
#8869f8
```
#8869f8 rgb(136,105,248)
```
#977cf9
```
#977cf9 rgb(151,124,249)
```
#a68ffa
```
#a68ffa rgb(166,143,250)
```
#b5a2fb
```
#b5a2fb rgb(181,162,251)
```
#c4b4fc
```
#c4b4fc rgb(196,180,252)
```
#d3c7fd
```
#d3c7fd rgb(211,199,253)
```
#e2dafd
```
#e2dafd rgb(226,218,253)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716e7e is the less saturated color, while #3301eb is the most saturated one.

#716e7e
```
#716e7e rgb(113,110,126)
```
#6c6587
```
#6c6587 rgb(108,101,135)
```
#675c90
```
#675c90 rgb(103,92,144)
```
#625399
```
#625399 rgb(98,83,153)
```
#5c4aa2
```
#5c4aa2 rgb(92,74,162)
```
#5740ac
```
#5740ac rgb(87,64,172)
```
#5237b5
```
#5237b5 rgb(82,55,181)
```
#4d2ebe
```
#4d2ebe rgb(77,46,190)
```
#4825c7
```
#4825c7 rgb(72,37,199)
```
#421cd0
```
#421cd0 rgb(66,28,208)
```
#3d13d9
```
#3d13d9 rgb(61,19,217)
```
#380ae2
```
#380ae2 rgb(56,10,226)
```
#3301eb
```
#3301eb rgb(51,1,235)
```

Tone Color Variation

Below, you can see how #380ae2 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

#303030 Achromatopsia 0.005% of the population
#322854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#1436b4 Protanomaly 1% of men, 0.01% of women
#1439a6 Deuteranomaly 6% of men, 0.4% of women
#143c8e Tritanomaly 0.01% of the population

#380ae2 hex color

#380ae2 Color Information

#380ae2 Color Conversion

Color Schemes with #380ae2

Alternatives to #380ae2

#380ae2 Preview

Shades and Tints of #380ae2

Tones of #380ae2

Color Blindness Simulator