#370aa0 hex color

In a RGB color space, hex #370aa0 is composed of 21.6% red, 3.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 93.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 258 degrees, a saturation of 88.2% and a lightness of 33.3%. #370aa0 color hex could be obtained by blending #6e14ff with #000041. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 22
- G 4
- B 63
RGB color chart
- C 66
- M 94
- Y 0
- K 37
CMYK color chart

● #370aa0 color description : Dark violet.

The hexadecimal color #370aa0 has RGB values of R:55, G:10, B:160 and CMYK values of C:0.66, M:0.94, Y:0, K:0.37. Its decimal value is 3607200.

Hex triplet	370aa0	`#370aa0`
RGB Decimal	55, 10, 160	`rgb(55,10,160)`
RGB Percent	21.6, 3.9, 62.7	`rgb(21.6%,3.9%,62.7%)`
CMYK	66, 94, 0, 37
HSL	258°, 88.2, 33.3	`hsl(258,88.2%,33.3%)`
HSV (or HSB)	258°, 93.8, 62.7
Web Safe	330099	`#330099`

CIE-LAB	22.185, 54.787, -69.21
XYZ	8.028, 3.567, 33.521
xyY	0.178, 0.079, 3.567
CIE-LCH	22.185, 88.27, 308.365
CIE-LUV	22.185, 0.076, -77.952
Hunter-Lab	18.887, 42.822, -92.011
Binary	00110111, 00001010, 10100000

#370aa0
```
#370aa0 rgb(55,10,160)
```
#73a00a
```
#73a00a rgb(115,160,10)
```

Complementary Color

#0a28a0
```
#0a28a0 rgb(10,40,160)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#820aa0
```
#820aa0 rgb(130,10,160)
```

Analogous Color

#28a00a
```
#28a00a rgb(40,160,10)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#a0820a
```
#a0820a rgb(160,130,10)
```

Split Complementary Color

#0aa037
```
#0aa037 rgb(10,160,55)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#a0370a
```
#a0370a rgb(160,55,10)
```

Triadic Color

#0a73a0
```
#0a73a0 rgb(10,115,160)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#a0370a
```
#a0370a rgb(160,55,10)
```
#73a00a
```
#73a00a rgb(115,160,10)
```

Tetradic Color

#1e0558
```
#1e0558 rgb(30,5,88)
```
#270770
```
#270770 rgb(39,7,112)
```
#2f0988
```
#2f0988 rgb(47,9,136)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#3f0cb8
```
#3f0cb8 rgb(63,12,184)
```
#480dd0
```
#480dd0 rgb(72,13,208)
```
#500fe8
```
#500fe8 rgb(80,15,232)
```

Monochromatic Color

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

#120aa0
```
#120aa0 rgb(18,10,160)
```
#1e0aa0
```
#1e0aa0 rgb(30,10,160)
```
#2b0aa0
```
#2b0aa0 rgb(43,10,160)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#430aa0
```
#430aa0 rgb(67,10,160)
```
#500aa0
```
#500aa0 rgb(80,10,160)
```
#5d0aa0
```
#5d0aa0 rgb(93,10,160)
```

Similar Colors

Text with hexadecimal color #370aa0

This text has a font color of #370aa0.

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

#370aa0 background color

This paragraph has a background color of #370aa0.

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

#370aa0 border color

This element has a border color of #370aa0.

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

CSS codes

.text {color:#370aa0;}

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

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

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

#04010c
```
#04010c rgb(4,1,12)
```
#0b021f
```
#0b021f rgb(11,2,31)
```
#110331
```
#110331 rgb(17,3,49)
```
#170444
```
#170444 rgb(23,4,68)
```
#1e0556
```
#1e0556 rgb(30,5,86)
```
#240769
```
#240769 rgb(36,7,105)
```
#2a087b
```
#2a087b rgb(42,8,123)
```
#31098e
```
#31098e rgb(49,9,142)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#3d0bb2
```
#3d0bb2 rgb(61,11,178)
```
#440cc5
```
#440cc5 rgb(68,12,197)
```
#4a0dd7
```
#4a0dd7 rgb(74,13,215)
```
#500fea
```
#500fea rgb(80,15,234)
```

Shade Color Variation

#5b1bf1
```
#5b1bf1 rgb(91,27,241)
```
#692ef2
```
#692ef2 rgb(105,46,242)
```
#7640f3
```
#7640f3 rgb(118,64,243)
```
#8353f4
```
#8353f4 rgb(131,83,244)
```
#9065f5
```
#9065f5 rgb(144,101,245)
```
#9e78f7
```
#9e78f7 rgb(158,120,247)
```
#ab8af8
```
#ab8af8 rgb(171,138,248)
```
#b89df9
```
#b89df9 rgb(184,157,249)
```
#c6affa
```
#c6affa rgb(198,175,250)
```
#d3c1fb
```
#d3c1fb rgb(211,193,251)
```
#e0d4fc
```
#e0d4fc rgb(224,212,252)
```
#ede6fd
```
#ede6fd rgb(237,230,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#545258
```
#545258 rgb(84,82,88)
```
#514b5f
```
#514b5f rgb(81,75,95)
```
#4f4565
```
#4f4565 rgb(79,69,101)
```
#4c3e6c
```
#4c3e6c rgb(76,62,108)
```
#493872
```
#493872 rgb(73,56,114)
```
#473179
```
#473179 rgb(71,49,121)
```
#442b7f
```
#442b7f rgb(68,43,127)
```
#412486
```
#412486 rgb(65,36,134)
```
#3f1e8c
```
#3f1e8c rgb(63,30,140)
```
#3c1793
```
#3c1793 rgb(60,23,147)
```
#3a1199
```
#3a1199 rgb(58,17,153)
```
#370aa0
```
#370aa0 rgb(55,10,160)
```
#3403a7
```
#3403a7 rgb(52,3,167)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2c2341 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004167 Deuteranopia 1% of men
#004549 Tritanopia 0.001% of the population

Trichromacy

#142a86 Protanomaly 1% of men, 0.01% of women
#142d7c Deuteranomaly 6% of men, 0.4% of women
#143069 Tritanomaly 0.01% of the population

#370aa0 hex color

#370aa0 Color Information

#370aa0 Color Conversion

Color Schemes with #370aa0

Alternatives to #370aa0

#370aa0 Preview

Shades and Tints of #370aa0

Tones of #370aa0

Color Blindness Simulator