#370ccc hex color

In a RGB color space, hex #370ccc is composed of 21.6% red, 4.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 94.1% magenta, 0% yellow and 20% black. It has a hue angle of 253.4 degrees, a saturation of 88.9% and a lightness of 42.4%. #370ccc color hex could be obtained by blending #6e18ff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 22
- G 5
- B 80
RGB color chart
- C 73
- M 94
- Y 0
- K 20
CMYK color chart

● #370ccc color description : Strong blue.

The hexadecimal color #370ccc has RGB values of R:55, G:12, B:204 and CMYK values of C:0.73, M:0.94, Y:0, K:0.2. Its decimal value is 3607756.

Hex triplet	370ccc	`#370ccc`
RGB Decimal	55, 12, 204	`rgb(55,12,204)`
RGB Percent	21.6, 4.7, 80	`rgb(21.6%,4.7%,80%)`
CMYK	73, 94, 0, 20
HSL	253.4°, 88.9, 42.4	`hsl(253.4,88.9%,42.4%)`
HSV (or HSB)	253.4°, 94.1, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.937, 65.587, -85.912
XYZ	12.604, 5.434, 57.508
xyY	0.167, 0.072, 5.434
CIE-LCH	27.937, 108.086, 307.359
CIE-LUV	27.937, -3.182, -103.478
Hunter-Lab	23.311, 55.718, -129.949
Binary	00110111, 00001100, 11001100

#370ccc
```
#370ccc rgb(55,12,204)
```
#a1cc0c
```
#a1cc0c rgb(161,204,12)
```

Complementary Color

#0c41cc
```
#0c41cc rgb(12,65,204)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#970ccc
```
#970ccc rgb(151,12,204)
```

Analogous Color

#41cc0c
```
#41cc0c rgb(65,204,12)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#cc970c
```
#cc970c rgb(204,151,12)
```

Split Complementary Color

#0ccc37
```
#0ccc37 rgb(12,204,55)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#cc370c
```
#cc370c rgb(204,55,12)
```

Triadic Color

#0ca1cc
```
#0ca1cc rgb(12,161,204)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#cc370c
```
#cc370c rgb(204,55,12)
```
#a1cc0c
```
#a1cc0c rgb(161,204,12)
```

Tetradic Color

#240884
```
#240884 rgb(36,8,132)
```
#2a099c
```
#2a099c rgb(42,9,156)
```
#310bb4
```
#310bb4 rgb(49,11,180)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#3d0de4
```
#3d0de4 rgb(61,13,228)
```
#4a1af2
```
#4a1af2 rgb(74,26,242)
```
#5d32f3
```
#5d32f3 rgb(93,50,243)
```

Monochromatic Color

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

#0c11cc
```
#0c11cc rgb(12,17,204)
```
#170ccc
```
#170ccc rgb(23,12,204)
```
#270ccc
```
#270ccc rgb(39,12,204)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#470ccc
```
#470ccc rgb(71,12,204)
```
#570ccc
```
#570ccc rgb(87,12,204)
```
#670ccc
```
#670ccc rgb(103,12,204)
```

Similar Colors

Text with hexadecimal color #370ccc

This text has a font color of #370ccc.

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

#370ccc background color

This paragraph has a background color of #370ccc.

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

#370ccc border color

This element has a border color of #370ccc.

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

CSS codes

.text {color:#370ccc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050113
```
#050113 rgb(5,1,19)
```
#0a0225
```
#0a0225 rgb(10,2,37)
```
#0f0338
```
#0f0338 rgb(15,3,56)
```
#14044a
```
#14044a rgb(20,4,74)
```
#19055d
```
#19055d rgb(25,5,93)
```
#1e076f
```
#1e076f rgb(30,7,111)
```
#230882
```
#230882 rgb(35,8,130)
```
#280994
```
#280994 rgb(40,9,148)
```
#2d0aa7
```
#2d0aa7 rgb(45,10,167)
```
#320bb9
```
#320bb9 rgb(50,11,185)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#3c0ddf
```
#3c0ddf rgb(60,13,223)
```

Shade Color Variation

#410ef1
```
#410ef1 rgb(65,14,241)
```
#5021f2
```
#5021f2 rgb(80,33,242)
```
#5e33f3
```
#5e33f3 rgb(94,51,243)
```
#6d46f4
```
#6d46f4 rgb(109,70,244)
```
#7c58f5
```
#7c58f5 rgb(124,88,245)
```
#8a6bf6
```
#8a6bf6 rgb(138,107,246)
```
#997ef7
```
#997ef7 rgb(153,126,247)
```
#a790f8
```
#a790f8 rgb(167,144,248)
```
#b6a3fa
```
#b6a3fa rgb(182,163,250)
```
#c5b5fb
```
#c5b5fb rgb(197,181,251)
```
#d3c8fc
```
#d3c8fc rgb(211,200,252)
```
#e2dafd
```
#e2dafd rgb(226,218,253)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696771 is the less saturated color, while #3204d4 is the most saturated one.

#696771
```
#696771 rgb(105,103,113)
```
#655f79
```
#655f79 rgb(101,95,121)
```
#605781
```
#605781 rgb(96,87,129)
```
#5c4e8a
```
#5c4e8a rgb(92,78,138)
```
#574692
```
#574692 rgb(87,70,146)
```
#533e9a
```
#533e9a rgb(83,62,154)
```
#4e36a2
```
#4e36a2 rgb(78,54,162)
```
#492dab
```
#492dab rgb(73,45,171)
```
#4525b3
```
#4525b3 rgb(69,37,179)
```
#401dbb
```
#401dbb rgb(64,29,187)
```
#3c14c4
```
#3c14c4 rgb(60,20,196)
```
#370ccc
```
#370ccc rgb(55,12,204)
```
#3204d4
```
#3204d4 rgb(50,4,212)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#31284e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498e Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#1433a5 Protanomaly 1% of men, 0.01% of women
#143698 Deuteranomaly 6% of men, 0.4% of women
#143981 Tritanomaly 0.01% of the population

#370ccc hex color

#370ccc Color Information

#370ccc Color Conversion

Color Schemes with #370ccc

Alternatives to #370ccc

#370ccc Preview

Shades and Tints of #370ccc

Tones of #370ccc

Color Blindness Simulator