#370afd hex color

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

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

● #370afd color description : Vivid blue.

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

Hex triplet	370afd	`#370afd`
RGB Decimal	55, 10, 253	`rgb(55,10,253)`
RGB Percent	21.6, 3.9, 99.2	`rgb(21.6%,3.9%,99.2%)`
CMYK	78, 96, 0, 1
HSL	251.1°, 98.4, 51.6	`hsl(251.1,98.4%,51.6%)`
HSV (or HSB)	251.1°, 96, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.231, 77.928, -103.471
XYZ	19.41, 8.12, 93.467
xyY	0.16, 0.067, 8.12
CIE-LCH	34.231, 129.534, 306.985
CIE-LUV	34.231, -6.091, -131.279
Hunter-Lab	28.496, 71.722, -174.529
Binary	00110111, 00001010, 11111101

#370afd
```
#370afd rgb(55,10,253)
```
#d0fd0a
```
#d0fd0a rgb(208,253,10)
```

Complementary Color

#0a56fd
```
#0a56fd rgb(10,86,253)
```
#370afd
```
#370afd rgb(55,10,253)
```
#b10afd
```
#b10afd rgb(177,10,253)
```

Analogous Color

#57fd0a
```
#57fd0a rgb(87,253,10)
```
#370afd
```
#370afd rgb(55,10,253)
```
#fdb10a
```
#fdb10a rgb(253,177,10)
```

Split Complementary Color

#0afd37
```
#0afd37 rgb(10,253,55)
```
#370afd
```
#370afd rgb(55,10,253)
```
#fd370a
```
#fd370a rgb(253,55,10)
```

Triadic Color

#0ad0fd
```
#0ad0fd rgb(10,208,253)
```
#370afd
```
#370afd rgb(55,10,253)
```
#fd370a
```
#fd370a rgb(253,55,10)
```
#d0fd0a
```
#d0fd0a rgb(208,253,10)
```

Tetradic Color

#2302b9
```
#2302b9 rgb(35,2,185)
```
#2802d2
```
#2802d2 rgb(40,2,210)
```
#2d02ec
```
#2d02ec rgb(45,2,236)
```
#370afd
```
#370afd rgb(55,10,253)
```
#4c23fd
```
#4c23fd rgb(76,35,253)
```
#603dfd
```
#603dfd rgb(96,61,253)
```
#7556fe
```
#7556fe rgb(117,86,254)
```

Monochromatic Color

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

#0a1afd
```
#0a1afd rgb(10,26,253)
```
#0e0afd
```
#0e0afd rgb(14,10,253)
```
#230afd
```
#230afd rgb(35,10,253)
```
#370afd
```
#370afd rgb(55,10,253)
```
#4b0afd
```
#4b0afd rgb(75,10,253)
```
#5f0afd
```
#5f0afd rgb(95,10,253)
```
#740afd
```
#740afd rgb(116,10,253)
```

Similar Colors

Text with hexadecimal color #370afd

This text has a font color of #370afd.

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

#370afd background color

This paragraph has a background color of #370afd.

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

#370afd border color

This element has a border color of #370afd.

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

CSS codes

.text {color:#370afd;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#05001b
```
#05001b rgb(5,0,27)
```
#09002f
```
#09002f rgb(9,0,47)
```
#0d0142
```
#0d0142 rgb(13,1,66)
```
#100156
```
#100156 rgb(16,1,86)
```
#140169
```
#140169 rgb(20,1,105)
```
#18017d
```
#18017d rgb(24,1,125)
```
#1c0190
```
#1c0190 rgb(28,1,144)
```
#1f01a4
```
#1f01a4 rgb(31,1,164)
```
#2301b7
```
#2301b7 rgb(35,1,183)
```
#2702cb
```
#2702cb rgb(39,2,203)
```
#2b02de
```
#2b02de rgb(43,2,222)
```
#2e02f1
```
#2e02f1 rgb(46,2,241)
```

Shade Color Variation

#370afd
```
#370afd rgb(55,10,253)
```
#471dfd
```
#471dfd rgb(71,29,253)
```
#5731fd
```
#5731fd rgb(87,49,253)
```
#6744fd
```
#6744fd rgb(103,68,253)
```
#7758fe
```
#7758fe rgb(119,88,254)
```
#866bfe
```
#866bfe rgb(134,107,254)
```
#967ffe
```
#967ffe rgb(150,127,254)
```
#a692fe
```
#a692fe rgb(166,146,254)
```
#b6a6fe
```
#b6a6fe rgb(182,166,254)
```
#c6b9fe
```
#c6b9fe rgb(198,185,254)
```
#d6cdff
```
#d6cdff rgb(214,205,255)
```
#e6e0ff
```
#e6e0ff rgb(230,224,255)
```
#f6f3ff
```
#f6f3ff rgb(246,243,255)
```

Tint Color Variation

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

#7f7c8b
```
#7f7c8b rgb(127,124,139)
```
#797395
```
#797395 rgb(121,115,149)
```
#73699e
```
#73699e rgb(115,105,158)
```
#6d60a8
```
#6d60a8 rgb(109,96,168)
```
#6756b1
```
#6756b1 rgb(103,86,177)
```
#614dbb
```
#614dbb rgb(97,77,187)
```
#5b43c4
```
#5b43c4 rgb(91,67,196)
```
#553ace
```
#553ace rgb(85,58,206)
```
#4f30d7
```
#4f30d7 rgb(79,48,215)
```
#4927e1
```
#4927e1 rgb(73,39,225)
```
#431dea
```
#431dea rgb(67,29,234)
```
#3d14f4
```
#3d14f4 rgb(61,20,244)
```
#370afd
```
#370afd rgb(55,10,253)
```

Tone Color Variation

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

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

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

#370afd hex color

#370afd Color Information

#370afd Color Conversion

Color Schemes with #370afd

Alternatives to #370afd

#370afd Preview

Shades and Tints of #370afd

Tones of #370afd

Color Blindness Simulator