#370be2 hex color

In a RGB color space, hex #370be2 is composed of 21.6% red, 4.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 95.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.3 degrees, a saturation of 90.7% and a lightness of 46.5%. #370be2 color hex could be obtained by blending #6e16ff with #0000c5. Closest websafe color is: #3300cc.

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

● #370be2 color description : Vivid blue.

The hexadecimal color #370be2 has RGB values of R:55, G:11, B:226 and CMYK values of C:0.76, M:0.95, Y:0, K:0.11. Its decimal value is 3607522.

Hex triplet	370be2	`#370be2`
RGB Decimal	55, 11, 226	`rgb(55,11,226)`
RGB Percent	21.6, 4.3, 88.6	`rgb(21.6%,4.3%,88.6%)`
CMYK	76, 95, 0, 11
HSL	252.3°, 90.7, 46.5	`hsl(252.3,90.7%,46.5%)`
HSV (or HSB)	252.3°, 95.1, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.74, 71.235, -93.977
XYZ	15.42, 6.542, 72.397
xyY	0.163, 0.069, 6.542
CIE-LCH	30.74, 117.924, 307.163
CIE-LUV	30.74, -4.534, -116.019
Hunter-Lab	25.577, 62.857, -149.923
Binary	00110111, 00001011, 11100010

#370be2
```
#370be2 rgb(55,11,226)
```
#b6e20b
```
#b6e20b rgb(182,226,11)
```

Complementary Color

#0b4be2
```
#0b4be2 rgb(11,75,226)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#a30be2
```
#a30be2 rgb(163,11,226)
```

Analogous Color

#4be20b
```
#4be20b rgb(75,226,11)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#e2a30b
```
#e2a30b rgb(226,163,11)
```

Split Complementary Color

#0be237
```
#0be237 rgb(11,226,55)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#e2370b
```
#e2370b rgb(226,55,11)
```

Triadic Color

#0bb6e2
```
#0bb6e2 rgb(11,182,226)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#e2370b
```
#e2370b rgb(226,55,11)
```
#b6e20b
```
#b6e20b rgb(182,226,11)
```

Tetradic Color

#250799
```
#250799 rgb(37,7,153)
```
#2b09b1
```
#2b09b1 rgb(43,9,177)
```
#310aca
```
#310aca rgb(49,10,202)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#4113f4
```
#4113f4 rgb(65,19,244)
```
#552bf5
```
#552bf5 rgb(85,43,245)
```
#6844f6
```
#6844f6 rgb(104,68,246)
```

Monochromatic Color

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

#0b15e2
```
#0b15e2 rgb(11,21,226)
```
#130be2
```
#130be2 rgb(19,11,226)
```
#250be2
```
#250be2 rgb(37,11,226)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#490be2
```
#490be2 rgb(73,11,226)
```
#5b0be2
```
#5b0be2 rgb(91,11,226)
```
#6d0be2
```
#6d0be2 rgb(109,11,226)
```

Similar Colors

Text with hexadecimal color #370be2

This text has a font color of #370be2.

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

#370be2 background color

This paragraph has a background color of #370be2.

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

#370be2 border color

This element has a border color of #370be2.

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

CSS codes

.text {color:#370be2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#050114
```
#050114 rgb(5,1,20)
```
#090227
```
#090227 rgb(9,2,39)
```
#0e033a
```
#0e033a rgb(14,3,58)
```
#13044c
```
#13044c rgb(19,4,76)
```
#17055f
```
#17055f rgb(23,5,95)
```
#1c0672
```
#1c0672 rgb(28,6,114)
```
#200684
```
#200684 rgb(32,6,132)
```
#250797
```
#250797 rgb(37,7,151)
```
#2908aa
```
#2908aa rgb(41,8,170)
```
#2e09bd
```
#2e09bd rgb(46,9,189)
```
#320acf
```
#320acf rgb(50,10,207)
```
#370be2
```
#370be2 rgb(55,11,226)
```

Shade Color Variation

#3c0df3
```
#3c0df3 rgb(60,13,243)
```
#4b20f4
```
#4b20f4 rgb(75,32,244)
```
#5b33f5
```
#5b33f5 rgb(91,51,245)
```
#6a45f6
```
#6a45f6 rgb(106,69,246)
```
#7958f7
```
#7958f7 rgb(121,88,247)
```
#886bf8
```
#886bf8 rgb(136,107,248)
```
#977ef9
```
#977ef9 rgb(151,126,249)
```
#a690fa
```
#a690fa rgb(166,144,250)
```
#b5a3fb
```
#b5a3fb rgb(181,163,251)
```
#c4b6fb
```
#c4b6fb rgb(196,182,251)
```
#d3c8fc
```
#d3c8fc rgb(211,200,252)
```
#e2dbfd
```
#e2dbfd rgb(226,219,253)
```
#f1eefe
```
#f1eefe rgb(241,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726f7e is the less saturated color, while #3202eb is the most saturated one.

#726f7e
```
#726f7e rgb(114,111,126)
```
#6d6687
```
#6d6687 rgb(109,102,135)
```
#675d90
```
#675d90 rgb(103,93,144)
```
#625499
```
#625499 rgb(98,84,153)
```
#5d4ba2
```
#5d4ba2 rgb(93,75,162)
```
#5742ab
```
#5742ab rgb(87,66,171)
```
#5239b4
```
#5239b4 rgb(82,57,180)
```
#4d2fbe
```
#4d2fbe rgb(77,47,190)
```
#4726c7
```
#4726c7 rgb(71,38,199)
```
#421dd0
```
#421dd0 rgb(66,29,208)
```
#3c14d9
```
#3c14d9 rgb(60,20,217)
```
#370be2
```
#370be2 rgb(55,11,226)
```
#3202eb
```
#3202eb rgb(50,2,235)
```

Tone Color Variation

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

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e 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
#143d8e Tritanomaly 0.01% of the population

#370be2 hex color

#370be2 Color Information

#370be2 Color Conversion

Color Schemes with #370be2

Alternatives to #370be2

#370be2 Preview

Shades and Tints of #370be2

Tones of #370be2

Color Blindness Simulator