#370ba4 hex color

In a RGB color space, hex #370ba4 is composed of 21.6% red, 4.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 93.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 257.3 degrees, a saturation of 87.4% and a lightness of 34.3%. #370ba4 color hex could be obtained by blending #6e16ff with #000049. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 22
- G 4
- B 64
RGB color chart
- C 66
- M 93
- Y 0
- K 36
CMYK color chart

● #370ba4 color description : Dark violet.

The hexadecimal color #370ba4 has RGB values of R:55, G:11, B:164 and CMYK values of C:0.66, M:0.93, Y:0, K:0.36. Its decimal value is 3607460.

Hex triplet	370ba4	`#370ba4`
RGB Decimal	55, 11, 164	`rgb(55,11,164)`
RGB Percent	21.6, 4.3, 64.3	`rgb(21.6%,4.3%,64.3%)`
CMYK	66, 93, 0, 36
HSL	257.3°, 87.4, 34.3	`hsl(257.3,87.4%,34.3%)`
HSV (or HSB)	257.3°, 93.3, 64.3
Web Safe	330099	`#330099`

CIE-LAB	22.763, 55.586, -70.687
XYZ	8.395, 3.732, 35.398
xyY	0.177, 0.079, 3.732
CIE-LCH	22.763, 89.925, 308.18
CIE-LUV	22.763, -0.286, -80.324
Hunter-Lab	19.317, 43.766, -95.123
Binary	00110111, 00001011, 10100100

#370ba4
```
#370ba4 rgb(55,11,164)
```
#78a40b
```
#78a40b rgb(120,164,11)
```

Complementary Color

#0b2ca4
```
#0b2ca4 rgb(11,44,164)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#840ba4
```
#840ba4 rgb(132,11,164)
```

Analogous Color

#2ca40b
```
#2ca40b rgb(44,164,11)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#a4840b
```
#a4840b rgb(164,132,11)
```

Split Complementary Color

#0ba437
```
#0ba437 rgb(11,164,55)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#a4370b
```
#a4370b rgb(164,55,11)
```

Triadic Color

#0b78a4
```
#0b78a4 rgb(11,120,164)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#a4370b
```
#a4370b rgb(164,55,11)
```
#78a40b
```
#78a40b rgb(120,164,11)
```

Tetradic Color

#1f065c
```
#1f065c rgb(31,6,92)
```
#270874
```
#270874 rgb(39,8,116)
```
#2f098c
```
#2f098c rgb(47,9,140)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#3f0dbc
```
#3f0dbc rgb(63,13,188)
```
#470ed4
```
#470ed4 rgb(71,14,212)
```
#4f10ec
```
#4f10ec rgb(79,16,236)
```

Monochromatic Color

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

#110ba4
```
#110ba4 rgb(17,11,164)
```
#1e0ba4
```
#1e0ba4 rgb(30,11,164)
```
#2a0ba4
```
#2a0ba4 rgb(42,11,164)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#440ba4
```
#440ba4 rgb(68,11,164)
```
#510ba4
```
#510ba4 rgb(81,11,164)
```
#5d0ba4
```
#5d0ba4 rgb(93,11,164)
```

Similar Colors

Text with hexadecimal color #370ba4

This text has a font color of #370ba4.

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

#370ba4 background color

This paragraph has a background color of #370ba4.

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

#370ba4 border color

This element has a border color of #370ba4.

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

CSS codes

.text {color:#370ba4;}

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

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

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

#060111
```
#060111 rgb(6,1,17)
```
#0c0223
```
#0c0223 rgb(12,2,35)
```
#120436
```
#120436 rgb(18,4,54)
```
#180548
```
#180548 rgb(24,5,72)
```
#1e065a
```
#1e065a rgb(30,6,90)
```
#25076d
```
#25076d rgb(37,7,109)
```
#2b097f
```
#2b097f rgb(43,9,127)
```
#310a92
```
#310a92 rgb(49,10,146)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#3d0cb6
```
#3d0cb6 rgb(61,12,182)
```
#430dc9
```
#430dc9 rgb(67,13,201)
```
#490fdb
```
#490fdb rgb(73,15,219)
```
#5010ee
```
#5010ee rgb(80,16,238)
```

Shade Color Variation

#5d21f0
```
#5d21f0 rgb(93,33,240)
```
#6a33f1
```
#6a33f1 rgb(106,51,241)
```
#7746f3
```
#7746f3 rgb(119,70,243)
```
#8558f4
```
#8558f4 rgb(133,88,244)
```
#926af5
```
#926af5 rgb(146,106,245)
```
#a07df6
```
#a07df6 rgb(160,125,246)
```
#ad8ff8
```
#ad8ff8 rgb(173,143,248)
```
#bba2f9
```
#bba2f9 rgb(187,162,249)
```
#c8b4fa
```
#c8b4fa rgb(200,180,250)
```
#d6c6fb
```
#d6c6fb rgb(214,198,251)
```
#e3d9fc
```
#e3d9fc rgb(227,217,252)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56555a is the less saturated color, while #3404ab is the most saturated one.

#56555a
```
#56555a rgb(86,85,90)
```
#544e61
```
#544e61 rgb(84,78,97)
```
#514867
```
#514867 rgb(81,72,103)
```
#4e416e
```
#4e416e rgb(78,65,110)
```
#4b3a75
```
#4b3a75 rgb(75,58,117)
```
#48337c
```
#48337c rgb(72,51,124)
```
#452d82
```
#452d82 rgb(69,45,130)
```
#422689
```
#422689 rgb(66,38,137)
```
#401f90
```
#401f90 rgb(64,31,144)
```
#3d1897
```
#3d1897 rgb(61,24,151)
```
#3a129d
```
#3a129d rgb(58,18,157)
```
#370ba4
```
#370ba4 rgb(55,11,164)
```
#3404ab
```
#3404ab rgb(52,4,171)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2d2442 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7a Protanopia 1% of men
#004269 Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#142c89 Protanomaly 1% of men, 0.01% of women
#142e7e Deuteranomaly 6% of men, 0.4% of women
#14316b Tritanomaly 0.01% of the population

#370ba4 hex color

#370ba4 Color Information

#370ba4 Color Conversion

Color Schemes with #370ba4

Alternatives to #370ba4

#370ba4 Preview

Shades and Tints of #370ba4

Tones of #370ba4

Color Blindness Simulator