#370ae6 hex color

In a RGB color space, hex #370ae6 is composed of 21.6% red, 3.9% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 95.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 252.3 degrees, a saturation of 91.7% and a lightness of 47.1%. #370ae6 color hex could be obtained by blending #6e14ff with #0000cd. Closest websafe color is: #3300ff.

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

● #370ae6 color description : Vivid blue.

The hexadecimal color #370ae6 has RGB values of R:55, G:10, B:230 and CMYK values of C:0.76, M:0.96, Y:0, K:0.1. Its decimal value is 3607270.

Hex triplet	370ae6	`#370ae6`
RGB Decimal	55, 10, 230	`rgb(55,10,230)`
RGB Percent	21.6, 3.9, 90.2	`rgb(21.6%,3.9%,90.2%)`
CMYK	76, 96, 0, 10
HSL	252.3°, 91.7, 47.1	`hsl(252.3,91.7%,47.1%)`
HSV (or HSB)	252.3°, 95.7, 90.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.211, 72.375, -95.481
XYZ	15.964, 6.742, 75.318
xyY	0.163, 0.069, 6.742
CIE-LCH	31.211, 119.811, 307.162
CIE-LUV	31.211, -4.744, -118.261
Hunter-Lab	25.964, 64.313, -153.815
Binary	00110111, 00001010, 11100110

#370ae6
```
#370ae6 rgb(55,10,230)
```
#b9e60a
```
#b9e60a rgb(185,230,10)
```

Complementary Color

#0a4be6
```
#0a4be6 rgb(10,75,230)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#a50ae6
```
#a50ae6 rgb(165,10,230)
```

Analogous Color

#4be60a
```
#4be60a rgb(75,230,10)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#e6a50a
```
#e6a50a rgb(230,165,10)
```

Split Complementary Color

#0ae637
```
#0ae637 rgb(10,230,55)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#e6370a
```
#e6370a rgb(230,55,10)
```

Triadic Color

#0ab9e6
```
#0ab9e6 rgb(10,185,230)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#e6370a
```
#e6370a rgb(230,55,10)
```
#b9e60a
```
#b9e60a rgb(185,230,10)
```

Tetradic Color

#25079d
```
#25079d rgb(37,7,157)
```
#2b08b5
```
#2b08b5 rgb(43,8,181)
```
#3109ce
```
#3109ce rgb(49,9,206)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#4315f5
```
#4315f5 rgb(67,21,245)
```
#562df6
```
#562df6 rgb(86,45,246)
```
#6a46f7
```
#6a46f7 rgb(106,70,247)
```

Monochromatic Color

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

#0a14e6
```
#0a14e6 rgb(10,20,230)
```
#120ae6
```
#120ae6 rgb(18,10,230)
```
#250ae6
```
#250ae6 rgb(37,10,230)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#490ae6
```
#490ae6 rgb(73,10,230)
```
#5c0ae6
```
#5c0ae6 rgb(92,10,230)
```
#6e0ae6
```
#6e0ae6 rgb(110,10,230)
```

Similar Colors

Text with hexadecimal color #370ae6

This text has a font color of #370ae6.

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

#370ae6 background color

This paragraph has a background color of #370ae6.

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

#370ae6 border color

This element has a border color of #370ae6.

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

CSS codes

.text {color:#370ae6;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#060117
```
#060117 rgb(6,1,23)
```
#0a022a
```
#0a022a rgb(10,2,42)
```
#0f033d
```
#0f033d rgb(15,3,61)
```
#130350
```
#130350 rgb(19,3,80)
```
#180462
```
#180462 rgb(24,4,98)
```
#1c0575
```
#1c0575 rgb(28,5,117)
```
#210688
```
#210688 rgb(33,6,136)
```
#25079b
```
#25079b rgb(37,7,155)
```
#2a08ae
```
#2a08ae rgb(42,8,174)
```
#2e08c0
```
#2e08c0 rgb(46,8,192)
```
#3309d3
```
#3309d3 rgb(51,9,211)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```

Shade Color Variation

#3e0ff5
```
#3e0ff5 rgb(62,15,245)
```
#4d22f5
```
#4d22f5 rgb(77,34,245)
```
#5c35f6
```
#5c35f6 rgb(92,53,246)
```
#6b47f7
```
#6b47f7 rgb(107,71,247)
```
#7a5af8
```
#7a5af8 rgb(122,90,248)
```
#8a6df9
```
#8a6df9 rgb(138,109,249)
```
#9980f9
```
#9980f9 rgb(153,128,249)
```
#a893fa
```
#a893fa rgb(168,147,250)
```
#b7a5fb
```
#b7a5fb rgb(183,165,251)
```
#c6b8fc
```
#c6b8fc rgb(198,184,252)
```
#d5cbfd
```
#d5cbfd rgb(213,203,253)
```
#e4defe
```
#e4defe rgb(228,222,254)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

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

#737080
```
#737080 rgb(115,112,128)
```
#6e668a
```
#6e668a rgb(110,102,138)
```
#685d93
```
#685d93 rgb(104,93,147)
```
#63549c
```
#63549c rgb(99,84,156)
```
#5d4ba5
```
#5d4ba5 rgb(93,75,165)
```
#5841af
```
#5841af rgb(88,65,175)
```
#5238b8
```
#5238b8 rgb(82,56,184)
```
#4d2fc1
```
#4d2fc1 rgb(77,47,193)
```
#4726ca
```
#4726ca rgb(71,38,202)
```
#421cd4
```
#421cd4 rgb(66,28,212)
```
#3c13dd
```
#3c13dd rgb(60,19,221)
```
#370ae6
```
#370ae6 rgb(55,10,230)
```
#3201ef
```
#3201ef rgb(50,1,239)
```

Tone Color Variation

Below, you can see how #370ae6 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

#313131 Achromatopsia 0.005% of the population
#322955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#1436b7 Protanomaly 1% of men, 0.01% of women
#1439a9 Deuteranomaly 6% of men, 0.4% of women
#143d90 Tritanomaly 0.01% of the population

#370ae6 hex color

#370ae6 Color Information

#370ae6 Color Conversion

Color Schemes with #370ae6

Alternatives to #370ae6

#370ae6 Preview

Shades and Tints of #370ae6

Tones of #370ae6

Color Blindness Simulator