#370af7 hex color

In a RGB color space, hex #370af7 is composed of 21.6% red, 3.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 96% magenta, 0% yellow and 3.1% black. It has a hue angle of 251.4 degrees, a saturation of 93.7% and a lightness of 50.4%. #370af7 color hex could be obtained by blending #6e14ff with #0000ef. Closest websafe color is: #3300ff.

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

● #370af7 color description : Vivid blue.

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

Hex triplet	370af7	`#370af7`
RGB Decimal	55, 10, 247	`rgb(55,10,247)`
RGB Percent	21.6, 3.9, 96.9	`rgb(21.6%,3.9%,96.9%)`
CMYK	78, 96, 0, 3
HSL	251.4°, 93.7, 50.4	`hsl(251.4,93.7%,50.4%)`
HSV (or HSB)	251.4°, 96, 96.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.443, 76.49, -101.41
XYZ	18.469, 7.744, 88.512
xyY	0.161, 0.067, 7.744
CIE-LCH	33.443, 127.022, 307.026
CIE-LUV	33.443, -5.747, -127.895
Hunter-Lab	27.827, 69.775, -169.108
Binary	00110111, 00001010, 11110111

#370af7
```
#370af7 rgb(55,10,247)
```
#caf70a
```
#caf70a rgb(202,247,10)
```

Complementary Color

#0a54f7
```
#0a54f7 rgb(10,84,247)
```
#370af7
```
#370af7 rgb(55,10,247)
```
#ae0af7
```
#ae0af7 rgb(174,10,247)
```

Analogous Color

#54f70a
```
#54f70a rgb(84,247,10)
```
#370af7
```
#370af7 rgb(55,10,247)
```
#f7ae0a
```
#f7ae0a rgb(247,174,10)
```

Split Complementary Color

#0af737
```
#0af737 rgb(10,247,55)
```
#370af7
```
#370af7 rgb(55,10,247)
```
#f7370a
```
#f7370a rgb(247,55,10)
```

Triadic Color

#0acaf7
```
#0acaf7 rgb(10,202,247)
```
#370af7
```
#370af7 rgb(55,10,247)
```
#f7370a
```
#f7370a rgb(247,55,10)
```
#caf70a
```
#caf70a rgb(202,247,10)
```

Tetradic Color

#2606af
```
#2606af rgb(38,6,175)
```
#2b07c7
```
#2b07c7 rgb(43,7,199)
```
#3007e0
```
#3007e0 rgb(48,7,224)
```
#370af7
```
#370af7 rgb(55,10,247)
```
#4b23f8
```
#4b23f8 rgb(75,35,248)
```
#5f3bf9
```
#5f3bf9 rgb(95,59,249)
```
#7354f9
```
#7354f9 rgb(115,84,249)
```

Monochromatic Color

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

#0a18f7
```
#0a18f7 rgb(10,24,247)
```
#100af7
```
#100af7 rgb(16,10,247)
```
#230af7
```
#230af7 rgb(35,10,247)
```
#370af7
```
#370af7 rgb(55,10,247)
```
#4b0af7
```
#4b0af7 rgb(75,10,247)
```
#5e0af7
```
#5e0af7 rgb(94,10,247)
```
#720af7
```
#720af7 rgb(114,10,247)
```

Similar Colors

Text with hexadecimal color #370af7

This text has a font color of #370af7.

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

#370af7 background color

This paragraph has a background color of #370af7.

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

#370af7 border color

This element has a border color of #370af7.

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

CSS codes

.text {color:#370af7;}

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

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

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)
```
#050115
```
#050115 rgb(5,1,21)
```
#090128
```
#090128 rgb(9,1,40)
```
#0d023b
```
#0d023b rgb(13,2,59)
```
#11034e
```
#11034e rgb(17,3,78)
```
#150361
```
#150361 rgb(21,3,97)
```
#190474
```
#190474 rgb(25,4,116)
```
#1d0487
```
#1d0487 rgb(29,4,135)
```
#21059a
```
#21059a rgb(33,5,154)
```
#2506ad
```
#2506ad rgb(37,6,173)
```
#2a06c0
```
#2a06c0 rgb(42,6,192)
```
#2e07d3
```
#2e07d3 rgb(46,7,211)
```
#3208e6
```
#3208e6 rgb(50,8,230)
```

Shade Color Variation

#370af7
```
#370af7 rgb(55,10,247)
```
#471df8
```
#471df8 rgb(71,29,248)
```
#5630f8
```
#5630f8 rgb(86,48,248)
```
#6643f9
```
#6643f9 rgb(102,67,249)
```
#7556f9
```
#7556f9 rgb(117,86,249)
```
#8569fa
```
#8569fa rgb(133,105,250)
```
#947cfb
```
#947cfb rgb(148,124,251)
```
#a48ffb
```
#a48ffb rgb(164,143,251)
```
#b3a2fc
```
#b3a2fc rgb(179,162,252)
```
#c3b5fd
```
#c3b5fd rgb(195,181,253)
```
#d2c8fd
```
#d2c8fd rgb(210,200,253)
```
#e2dbfe
```
#e2dbfe rgb(226,219,254)
```
#f1eefe
```
#f1eefe rgb(241,238,254)
```

Tint Color Variation

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

#7f7f82
```
#7f7f82 rgb(127,127,130)
```
#79758c
```
#79758c rgb(121,117,140)
```
#736b96
```
#736b96 rgb(115,107,150)
```
#6d629f
```
#6d629f rgb(109,98,159)
```
#6758a9
```
#6758a9 rgb(103,88,169)
```
#614eb3
```
#614eb3 rgb(97,78,179)
```
#5b44bd
```
#5b44bd rgb(91,68,189)
```
#553bc6
```
#553bc6 rgb(85,59,198)
```
#4f31d0
```
#4f31d0 rgb(79,49,208)
```
#4927da
```
#4927da rgb(73,39,218)
```
#431de4
```
#431de4 rgb(67,29,228)
```
#3d14ed
```
#3d14ed rgb(61,20,237)
```
#370af7
```
#370af7 rgb(55,10,247)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#332a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#143ac3 Protanomaly 1% of men, 0.01% of women
#143db4 Deuteranomaly 6% of men, 0.4% of women
#144199 Tritanomaly 0.01% of the population

#370af7 hex color

#370af7 Color Information

#370af7 Color Conversion

Color Schemes with #370af7

Alternatives to #370af7

#370af7 Preview

Shades and Tints of #370af7

Tones of #370af7

Color Blindness Simulator