#370afe hex color

In a RGB color space, hex #370afe is composed of 21.6% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 251.1 degrees, a saturation of 99.2% and a lightness of 51.8%. #370afe color hex could be obtained by blending #6e14ff with #0000fd. Closest websafe color is: #3300ff.

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

● #370afe color description : Vivid blue.

The hexadecimal color #370afe has RGB values of R:55, G:10, B:254 and CMYK values of C:0.78, M:0.96, Y:0, K:0. Its decimal value is 3607294.

Hex triplet	370afe	`#370afe`
RGB Decimal	55, 10, 254	`rgb(55,10,254)`
RGB Percent	21.6, 3.9, 99.6	`rgb(21.6%,3.9%,99.6%)`
CMYK	78, 96, 0, 0
HSL	251.1°, 99.2, 51.8	`hsl(251.1,99.2%,51.8%)`
HSV (or HSB)	251.1°, 96.1, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.363, 78.167, -103.813
XYZ	19.57, 8.184, 94.309
xyY	0.16, 0.067, 8.184
CIE-LCH	34.363, 129.951, 306.978
CIE-LUV	34.363, -6.148, -131.842
Hunter-Lab	28.607, 72.047, -175.433
Binary	00110111, 00001010, 11111110

#370afe
```
#370afe rgb(55,10,254)
```
#d1fe0a
```
#d1fe0a rgb(209,254,10)
```

Complementary Color

#0a57fe
```
#0a57fe rgb(10,87,254)
```
#370afe
```
#370afe rgb(55,10,254)
```
#b10afe
```
#b10afe rgb(177,10,254)
```

Analogous Color

#57fe0a
```
#57fe0a rgb(87,254,10)
```
#370afe
```
#370afe rgb(55,10,254)
```
#feb10a
```
#feb10a rgb(254,177,10)
```

Split Complementary Color

#0afe37
```
#0afe37 rgb(10,254,55)
```
#370afe
```
#370afe rgb(55,10,254)
```
#fe370a
```
#fe370a rgb(254,55,10)
```

Triadic Color

#0ad1fe
```
#0ad1fe rgb(10,209,254)
```
#370afe
```
#370afe rgb(55,10,254)
```
#fe370a
```
#fe370a rgb(254,55,10)
```
#d1fe0a
```
#d1fe0a rgb(209,254,10)
```

Tetradic Color

#2301bb
```
#2301bb rgb(35,1,187)
```
#2801d4
```
#2801d4 rgb(40,1,212)
```
#2d01ee
```
#2d01ee rgb(45,1,238)
```
#370afe
```
#370afe rgb(55,10,254)
```
#4c23fe
```
#4c23fe rgb(76,35,254)
```
#603dfe
```
#603dfe rgb(96,61,254)
```
#7556fe
```
#7556fe rgb(117,86,254)
```

Monochromatic Color

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

#0a1afe
```
#0a1afe rgb(10,26,254)
```
#0e0afe
```
#0e0afe rgb(14,10,254)
```
#230afe
```
#230afe rgb(35,10,254)
```
#370afe
```
#370afe rgb(55,10,254)
```
#4b0afe
```
#4b0afe rgb(75,10,254)
```
#600afe
```
#600afe rgb(96,10,254)
```
#740afe
```
#740afe rgb(116,10,254)
```

Similar Colors

Text with hexadecimal color #370afe

This text has a font color of #370afe.

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

#370afe background color

This paragraph has a background color of #370afe.

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

#370afe border color

This element has a border color of #370afe.

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

CSS codes

.text {color:#370afe;}

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

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

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

#020009
```
#020009 rgb(2,0,9)
```
#05001c
```
#05001c rgb(5,0,28)
```
#090030
```
#090030 rgb(9,0,48)
```
#0d0044
```
#0d0044 rgb(13,0,68)
```
#100057
```
#100057 rgb(16,0,87)
```
#14006b
```
#14006b rgb(20,0,107)
```
#18017e
```
#18017e rgb(24,1,126)
```
#1b0192
```
#1b0192 rgb(27,1,146)
```
#1f01a5
```
#1f01a5 rgb(31,1,165)
```
#2301b9
```
#2301b9 rgb(35,1,185)
```
#2601cc
```
#2601cc rgb(38,1,204)
```
#2a01e0
```
#2a01e0 rgb(42,1,224)
```
#2e01f3
```
#2e01f3 rgb(46,1,243)
```

Shade Color Variation

#370afe
```
#370afe rgb(55,10,254)
```
#471efe
```
#471efe rgb(71,30,254)
```
#5731fe
```
#5731fe rgb(87,49,254)
```
#6745fe
```
#6745fe rgb(103,69,254)
```
#7758fe
```
#7758fe rgb(119,88,254)
```
#876cfe
```
#876cfe rgb(135,108,254)
```
#977ffe
```
#977ffe rgb(151,127,254)
```
#a793ff
```
#a793ff rgb(167,147,255)
```
#b7a6ff
```
#b7a6ff rgb(183,166,255)
```
#c7baff
```
#c7baff rgb(199,186,255)
```
#d6cdff
```
#d6cdff rgb(214,205,255)
```
#e6e1ff
```
#e6e1ff rgb(230,225,255)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7c8c is the less saturated color, while #370afe is the most saturated one.

#7f7c8c
```
#7f7c8c rgb(127,124,140)
```
#797296
```
#797296 rgb(121,114,150)
```
#73699f
```
#73699f rgb(115,105,159)
```
#6d5fa9
```
#6d5fa9 rgb(109,95,169)
```
#6756b2
```
#6756b2 rgb(103,86,178)
```
#614cbc
```
#614cbc rgb(97,76,188)
```
#5b43c5
```
#5b43c5 rgb(91,67,197)
```
#5539cf
```
#5539cf rgb(85,57,207)
```
#4f30d8
```
#4f30d8 rgb(79,48,216)
```
#4926e2
```
#4926e2 rgb(73,38,226)
```
#431deb
```
#431deb rgb(67,29,235)
```
#3d13f5
```
#3d13f5 rgb(61,19,245)
```
#370afe
```
#370afe rgb(55,10,254)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#342b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#143bc8 Protanomaly 1% of men, 0.01% of women
#143eb9 Deuteranomaly 6% of men, 0.4% of women
#14429d Tritanomaly 0.01% of the population

#370afe hex color

#370afe Color Information

#370afe Color Conversion

Color Schemes with #370afe

Alternatives to #370afe

#370afe Preview

Shades and Tints of #370afe

Tones of #370afe

Color Blindness Simulator