#370ae2 hex color

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

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

● #370ae2 color description : Vivid blue.

The hexadecimal color #370ae2 has RGB values of R:55, G:10, B:226 and CMYK values of C:0.76, M:0.96, Y:0, K:0.11. Its decimal value is 3607266.

Hex triplet	370ae2	`#370ae2`
RGB Decimal	55, 10, 226	`rgb(55,10,226)`
RGB Percent	21.6, 3.9, 88.6	`rgb(21.6%,3.9%,88.6%)`
CMYK	76, 96, 0, 11
HSL	252.5°, 91.5, 46.3	`hsl(252.5,91.5%,46.3%)`
HSV (or HSB)	252.5°, 95.6, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.687, 71.399, -94.065
XYZ	15.409, 6.519, 72.394
xyY	0.163, 0.069, 6.519
CIE-LCH	30.687, 118.093, 307.2
CIE-LUV	30.687, -4.5, -115.984
Hunter-Lab	25.533, 63.039, -150.231
Binary	00110111, 00001010, 11100010

#370ae2
```
#370ae2 rgb(55,10,226)
```
#b5e20a
```
#b5e20a rgb(181,226,10)
```

Complementary Color

#0a49e2
```
#0a49e2 rgb(10,73,226)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#a30ae2
```
#a30ae2 rgb(163,10,226)
```

Analogous Color

#49e20a
```
#49e20a rgb(73,226,10)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#e2a30a
```
#e2a30a rgb(226,163,10)
```

Split Complementary Color

#0ae237
```
#0ae237 rgb(10,226,55)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#e2370a
```
#e2370a rgb(226,55,10)
```

Triadic Color

#0ab5e2
```
#0ab5e2 rgb(10,181,226)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#e2370a
```
#e2370a rgb(226,55,10)
```
#b5e20a
```
#b5e20a rgb(181,226,10)
```

Tetradic Color

#250799
```
#250799 rgb(37,7,153)
```
#2b08b1
```
#2b08b1 rgb(43,8,177)
```
#3109ca
```
#3109ca rgb(49,9,202)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#4011f4
```
#4011f4 rgb(64,17,244)
```
#5429f6
```
#5429f6 rgb(84,41,246)
```
#6842f7
```
#6842f7 rgb(104,66,247)
```

Monochromatic Color

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

#0a13e2
```
#0a13e2 rgb(10,19,226)
```
#130ae2
```
#130ae2 rgb(19,10,226)
```
#250ae2
```
#250ae2 rgb(37,10,226)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#490ae2
```
#490ae2 rgb(73,10,226)
```
#5b0ae2
```
#5b0ae2 rgb(91,10,226)
```
#6d0ae2
```
#6d0ae2 rgb(109,10,226)
```

Similar Colors

Text with hexadecimal color #370ae2

This text has a font color of #370ae2.

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

#370ae2 background color

This paragraph has a background color of #370ae2.

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

#370ae2 border color

This element has a border color of #370ae2.

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

CSS codes

.text {color:#370ae2;}

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

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

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 #f0edfe 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)
```
#12034c
```
#12034c rgb(18,3,76)
```
#17045f
```
#17045f rgb(23,4,95)
```
#1c0571
```
#1c0571 rgb(28,5,113)
```
#200684
```
#200684 rgb(32,6,132)
```
#250797
```
#250797 rgb(37,7,151)
```
#2908aa
```
#2908aa rgb(41,8,170)
```
#2e08bc
```
#2e08bc rgb(46,8,188)
```
#3209cf
```
#3209cf rgb(50,9,207)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```

Shade Color Variation

#3c0bf4
```
#3c0bf4 rgb(60,11,244)
```
#4b1ef5
```
#4b1ef5 rgb(75,30,245)
```
#5a31f6
```
#5a31f6 rgb(90,49,246)
```
#6944f7
```
#6944f7 rgb(105,68,247)
```
#7857f8
```
#7857f8 rgb(120,87,248)
```
#8769f8
```
#8769f8 rgb(135,105,248)
```
#967cf9
```
#967cf9 rgb(150,124,249)
```
#a58ffa
```
#a58ffa rgb(165,143,250)
```
#b4a2fb
```
#b4a2fb rgb(180,162,251)
```
#c3b4fc
```
#c3b4fc rgb(195,180,252)
```
#d2c7fd
```
#d2c7fd rgb(210,199,253)
```
#e1dafd
```
#e1dafd rgb(225,218,253)
```
#f0edfe
```
#f0edfe rgb(240,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 #3201eb is the most saturated one.

#716e7e
```
#716e7e rgb(113,110,126)
```
#6c6587
```
#6c6587 rgb(108,101,135)
```
#675c90
```
#675c90 rgb(103,92,144)
```
#615399
```
#615399 rgb(97,83,153)
```
#5c4aa2
```
#5c4aa2 rgb(92,74,162)
```
#5740ac
```
#5740ac rgb(87,64,172)
```
#5137b5
```
#5137b5 rgb(81,55,181)
```
#4c2ebe
```
#4c2ebe rgb(76,46,190)
```
#4725c7
```
#4725c7 rgb(71,37,199)
```
#421cd0
```
#421cd0 rgb(66,28,208)
```
#3c13d9
```
#3c13d9 rgb(60,19,217)
```
#370ae2
```
#370ae2 rgb(55,10,226)
```
#3201eb
```
#3201eb rgb(50,1,235)
```

Tone Color Variation

Below, you can see how #370ae2 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
#312854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005484 Deuteranopia 1% of men
#00595d 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
#143c8d Tritanomaly 0.01% of the population

#370ae2 hex color

#370ae2 Color Information

#370ae2 Color Conversion

Color Schemes with #370ae2

Alternatives to #370ae2

#370ae2 Preview

Shades and Tints of #370ae2

Tones of #370ae2

Color Blindness Simulator