#372ed6 hex color

In a RGB color space, hex #372ed6 is composed of 21.6% red, 18% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 78.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 243.2 degrees, a saturation of 67.2% and a lightness of 51%. #372ed6 color hex could be obtained by blending #6e5cff with #0000ad. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 22
- G 18
- B 84
RGB color chart
- C 74
- M 79
- Y 0
- K 16
CMYK color chart

● #372ed6 color description : Strong blue.

The hexadecimal color #372ed6 has RGB values of R:55, G:46, B:214 and CMYK values of C:0.74, M:0.79, Y:0, K:0.16. Its decimal value is 3616470.

Hex triplet	372ed6	`#372ed6`
RGB Decimal	55, 46, 214	`rgb(55,46,214)`
RGB Percent	21.6, 18, 83.9	`rgb(21.6%,18%,83.9%)`
CMYK	74, 79, 0, 16
HSL	243.2°, 67.2, 51	`hsl(243.2,67.2%,51%)`
HSV (or HSB)	243.2°, 78.5, 83.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.179, 56.333, -83.013
XYZ	14.688, 7.62, 64.311
xyY	0.17, 0.088, 7.62
CIE-LCH	33.179, 100.323, 304.161
CIE-LUV	33.179, -6.618, -110.118
Hunter-Lab	27.605, 46.665, -118.804
Binary	00110111, 00101110, 11010110

#372ed6
```
#372ed6 rgb(55,46,214)
```
#cdd62e
```
#cdd62e rgb(205,214,46)
```

Complementary Color

#2e79d6
```
#2e79d6 rgb(46,121,214)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#8b2ed6
```
#8b2ed6 rgb(139,46,214)
```

Analogous Color

#79d62e
```
#79d62e rgb(121,214,46)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#d68b2e
```
#d68b2e rgb(214,139,46)
```

Split Complementary Color

#2ed637
```
#2ed637 rgb(46,214,55)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#d6372e
```
#d6372e rgb(214,55,46)
```

Triadic Color

#2ecdd6
```
#2ecdd6 rgb(46,205,214)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#d6372e
```
#d6372e rgb(214,55,46)
```
#cdd62e
```
#cdd62e rgb(205,214,46)
```

Tetradic Color

#251e99
```
#251e99 rgb(37,30,153)
```
#2a22af
```
#2a22af rgb(42,34,175)
```
#2f26c4
```
#2f26c4 rgb(47,38,196)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#4b43da
```
#4b43da rgb(75,67,218)
```
#6059de
```
#6059de rgb(96,89,222)
```
#746ee3
```
#746ee3 rgb(116,110,227)
```

Monochromatic Color

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

#2e4fd6
```
#2e4fd6 rgb(46,79,214)
```
#2e41d6
```
#2e41d6 rgb(46,65,214)
```
#2e33d6
```
#2e33d6 rgb(46,51,214)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#452ed6
```
#452ed6 rgb(69,46,214)
```
#532ed6
```
#532ed6 rgb(83,46,214)
```
#612ed6
```
#612ed6 rgb(97,46,214)
```

Similar Colors

Text with hexadecimal color #372ed6

This text has a font color of #372ed6.

<span style="color:#372ed6;">Text here</span>

#372ed6 background color

This paragraph has a background color of #372ed6.

<p style="background-color:#372ed6;">Content here</p>

#372ed6 border color

This element has a border color of #372ed6.

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

CSS codes

.text {color:#372ed6;}

.background {background-color:#372ed6;}

.border {border:1px solid #372ed6;}

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

#010104
```
#010104 rgb(1,1,4)
```
#050415
```
#050415 rgb(5,4,21)
```
#090725
```
#090725 rgb(9,7,37)
```
#0d0a35
```
#0d0a35 rgb(13,10,53)
```
#110e46
```
#110e46 rgb(17,14,70)
```
#151156
```
#151156 rgb(21,17,86)
```
#191467
```
#191467 rgb(25,20,103)
```
#1c1777
```
#1c1777 rgb(28,23,119)
```
#201b87
```
#201b87 rgb(32,27,135)
```
#241e98
```
#241e98 rgb(36,30,152)
```
#2821a8
```
#2821a8 rgb(40,33,168)
```
#2c24b9
```
#2c24b9 rgb(44,36,185)
```
#3027c9
```
#3027c9 rgb(48,39,201)
```

Shade Color Variation

#372ed6
```
#372ed6 rgb(55,46,214)
```
#473ed9
```
#473ed9 rgb(71,62,217)
```
#564fdc
```
#564fdc rgb(86,79,220)
```
#665fe0
```
#665fe0 rgb(102,95,224)
```
#7670e3
```
#7670e3 rgb(118,112,227)
```
#8580e6
```
#8580e6 rgb(133,128,230)
```
#9590e9
```
#9590e9 rgb(149,144,233)
```
#a5a1ed
```
#a5a1ed rgb(165,161,237)
```
#b5b1f0
```
#b5b1f0 rgb(181,177,240)
```
#c4c2f3
```
#c4c2f3 rgb(196,194,243)
```
#d4d2f6
```
#d4d2f6 rgb(212,210,246)
```
#e4e2f9
```
#e4e2f9 rgb(228,226,249)
```
#f3f3fd
```
#f3f3fd rgb(243,243,253)
```

Tint Color Variation

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

#7c7b89
```
#7c7b89 rgb(124,123,137)
```
#737193
```
#737193 rgb(115,113,147)
```
#6b689c
```
#6b689c rgb(107,104,156)
```
#625ea6
```
#625ea6 rgb(98,94,166)
```
#5954b0
```
#5954b0 rgb(89,84,176)
```
#514bb9
```
#514bb9 rgb(81,75,185)
```
#4841c3
```
#4841c3 rgb(72,65,195)
```
#4038cc
```
#4038cc rgb(64,56,204)
```
#372ed6
```
#372ed6 rgb(55,46,214)
```
#2e24e0
```
#2e24e0 rgb(46,36,224)
```
#261be9
```
#261be9 rgb(38,27,233)
```
#1d11f3
```
#1d11f3 rgb(29,17,243)
```
#1508fc
```
#1508fc rgb(21,8,252)
```

Tone Color Variation

Below, you can see how #372ed6 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

#444444 Achromatopsia 0.005% of the population
#414061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1446b6 Protanomaly 1% of men, 0.01% of women
#1449a8 Deuteranomaly 6% of men, 0.4% of women
#144d8d Tritanomaly 0.01% of the population

#372ed6 hex color

#372ed6 Color Information

#372ed6 Color Conversion

Color Schemes with #372ed6

Alternatives to #372ed6

#372ed6 Preview

Shades and Tints of #372ed6

Tones of #372ed6

Color Blindness Simulator