#370aed hex color

In a RGB color space, hex #370aed is composed of 21.6% red, 3.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 95.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 251.9 degrees, a saturation of 91.9% and a lightness of 48.4%. #370aed color hex could be obtained by blending #6e14ff with #0000db. Closest websafe color is: #3300ff.

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

● #370aed color description : Vivid blue.

The hexadecimal color #370aed has RGB values of R:55, G:10, B:237 and CMYK values of C:0.77, M:0.96, Y:0, K:0.07. Its decimal value is 3607277.

Hex triplet	370aed	`#370aed`
RGB Decimal	55, 10, 237	`rgb(55,10,237)`
RGB Percent	21.6, 3.9, 92.9	`rgb(21.6%,3.9%,92.9%)`
CMYK	77, 96, 0, 7
HSL	251.9°, 91.9, 48.4	`hsl(251.9,91.9%,48.4%)`
HSV (or HSB)	251.9°, 95.8, 92.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.13, 74.076, -97.939
XYZ	16.967, 7.143, 80.601
xyY	0.162, 0.068, 7.143
CIE-LCH	32.13, 122.798, 307.102
CIE-LUV	32.13, -5.163, -122.237
Hunter-Lab	26.726, 66.552, -160.1
Binary	00110111, 00001010, 11101101

#370aed
```
#370aed rgb(55,10,237)
```
#c0ed0a
```
#c0ed0a rgb(192,237,10)
```

Complementary Color

#0a4fed
```
#0a4fed rgb(10,79,237)
```
#370aed
```
#370aed rgb(55,10,237)
```
#a90aed
```
#a90aed rgb(169,10,237)
```

Analogous Color

#4eed0a
```
#4eed0a rgb(78,237,10)
```
#370aed
```
#370aed rgb(55,10,237)
```
#eda90a
```
#eda90a rgb(237,169,10)
```

Split Complementary Color

#0aed37
```
#0aed37 rgb(10,237,55)
```
#370aed
```
#370aed rgb(55,10,237)
```
#ed370a
```
#ed370a rgb(237,55,10)
```

Triadic Color

#0ac0ed
```
#0ac0ed rgb(10,192,237)
```
#370aed
```
#370aed rgb(55,10,237)
```
#ed370a
```
#ed370a rgb(237,55,10)
```
#c0ed0a
```
#c0ed0a rgb(192,237,10)
```

Tetradic Color

#2607a4
```
#2607a4 rgb(38,7,164)
```
#2c08bc
```
#2c08bc rgb(44,8,188)
```
#3109d5
```
#3109d5 rgb(49,9,213)
```
#370aed
```
#370aed rgb(55,10,237)
```
#461bf5
```
#461bf5 rgb(70,27,245)
```
#5a34f6
```
#5a34f6 rgb(90,52,246)
```
#6e4cf7
```
#6e4cf7 rgb(110,76,247)
```

Monochromatic Color

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

#0a16ed
```
#0a16ed rgb(10,22,237)
```
#110aed
```
#110aed rgb(17,10,237)
```
#240aed
```
#240aed rgb(36,10,237)
```
#370aed
```
#370aed rgb(55,10,237)
```
#4a0aed
```
#4a0aed rgb(74,10,237)
```
#5d0aed
```
#5d0aed rgb(93,10,237)
```
#700aed
```
#700aed rgb(112,10,237)
```

Similar Colors

Text with hexadecimal color #370aed

This text has a font color of #370aed.

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

#370aed background color

This paragraph has a background color of #370aed.

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

#370aed border color

This element has a border color of #370aed.

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

CSS codes

.text {color:#370aed;}

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

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

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, #03000b is the darkest color, while #f9f7ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#07011e
```
#07011e rgb(7,1,30)
```
#0b0231
```
#0b0231 rgb(11,2,49)
```
#100344
```
#100344 rgb(16,3,68)
```
#140456
```
#140456 rgb(20,4,86)
```
#180469
```
#180469 rgb(24,4,105)
```
#1d057c
```
#1d057c rgb(29,5,124)
```
#21068f
```
#21068f rgb(33,6,143)
```
#2607a2
```
#2607a2 rgb(38,7,162)
```
#2a08b5
```
#2a08b5 rgb(42,8,181)
```
#2e08c7
```
#2e08c7 rgb(46,8,199)
```
#3309da
```
#3309da rgb(51,9,218)
```
#370aed
```
#370aed rgb(55,10,237)
```

Shade Color Variation

#4215f5
```
#4215f5 rgb(66,21,245)
```
#5128f6
```
#5128f6 rgb(81,40,246)
```
#603bf7
```
#603bf7 rgb(96,59,247)
```
#704ef8
```
#704ef8 rgb(112,78,248)
```
#7f61f8
```
#7f61f8 rgb(127,97,248)
```
#8e74f9
```
#8e74f9 rgb(142,116,249)
```
#9d86fa
```
#9d86fa rgb(157,134,250)
```
#ad99fb
```
#ad99fb rgb(173,153,251)
```
#bcacfb
```
#bcacfb rgb(188,172,251)
```
#cbbffc
```
#cbbffc rgb(203,191,252)
```
#dad2fd
```
#dad2fd rgb(218,210,253)
```
#eae5fe
```
#eae5fe rgb(234,229,254)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#767385
```
#767385 rgb(118,115,133)
```
#70698e
```
#70698e rgb(112,105,142)
```
#6b6098
```
#6b6098 rgb(107,96,152)
```
#6556a1
```
#6556a1 rgb(101,86,161)
```
#5f4dab
```
#5f4dab rgb(95,77,171)
```
#5943b4
```
#5943b4 rgb(89,67,180)
```
#543abe
```
#543abe rgb(84,58,190)
```
#4e30c7
```
#4e30c7 rgb(78,48,199)
```
#4827d1
```
#4827d1 rgb(72,39,209)
```
#421dda
```
#421dda rgb(66,29,218)
```
#3d14e4
```
#3d14e4 rgb(61,20,228)
```
#370aed
```
#370aed rgb(55,10,237)
```
#3100f7
```
#3100f7 rgb(49,0,247)
```

Tone Color Variation

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

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#1438bb Protanomaly 1% of men, 0.01% of women
#143bae Deuteranomaly 6% of men, 0.4% of women
#143f94 Tritanomaly 0.01% of the population

#370aed hex color

#370aed Color Information

#370aed Color Conversion

Color Schemes with #370aed

Alternatives to #370aed

#370aed Preview

Shades and Tints of #370aed

Tones of #370aed

Color Blindness Simulator