#372cfe hex color

In a RGB color space, hex #372cfe is composed of 21.6% red, 17.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 82.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 243.1 degrees, a saturation of 99.1% and a lightness of 58.4%. #372cfe color hex could be obtained by blending #6e58ff with #0000fd. Closest websafe color is: #3333ff.

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

● #372cfe color description : Bright blue.

The hexadecimal color #372cfe has RGB values of R:55, G:44, B:254 and CMYK values of C:0.78, M:0.83, Y:0, K:0. Its decimal value is 3615998.

Hex triplet	372cfe	`#372cfe`
RGB Decimal	55, 44, 254	`rgb(55,44,254)`
RGB Percent	21.6, 17.3, 99.6	`rgb(21.6%,17.3%,99.6%)`
CMYK	78, 83, 0, 0
HSL	243.1°, 99.1, 58.4	`hsl(243.1,99.1%,58.4%)`
HSV (or HSB)	243.1°, 82.7, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.423, 68.908, -98.715
XYZ	20.362, 9.768, 94.573
xyY	0.163, 0.078, 9.768
CIE-LCH	37.423, 120.387, 304.917
CIE-LUV	37.423, -8.312, -132.929
Hunter-Lab	31.254, 61.6, -157.531
Binary	00110111, 00101100, 11111110

#372cfe
```
#372cfe rgb(55,44,254)
```
#f3fe2c
```
#f3fe2c rgb(243,254,44)
```

Complementary Color

#2c8afe
```
#2c8afe rgb(44,138,254)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#a02cfe
```
#a02cfe rgb(160,44,254)
```

Analogous Color

#8afe2c
```
#8afe2c rgb(138,254,44)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#fea02c
```
#fea02c rgb(254,160,44)
```

Split Complementary Color

#2cfe37
```
#2cfe37 rgb(44,254,55)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#fe372c
```
#fe372c rgb(254,55,44)
```

Triadic Color

#2cf3fe
```
#2cf3fe rgb(44,243,254)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#fe372c
```
#fe372c rgb(254,55,44)
```
#f3fe2c
```
#f3fe2c rgb(243,254,44)
```

Tetradic Color

#0d01dc
```
#0d01dc rgb(13,1,220)
```
#0e01f6
```
#0e01f6 rgb(14,1,246)
```
#1f13fe
```
#1f13fe rgb(31,19,254)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#4f45fe
```
#4f45fe rgb(79,69,254)
```
#675ffe
```
#675ffe rgb(103,95,254)
```
#7f78fe
```
#7f78fe rgb(127,120,254)
```

Monochromatic Color

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

#2c56fe
```
#2c56fe rgb(44,86,254)
```
#2c44fe
```
#2c44fe rgb(44,68,254)
```
#2c33fe
```
#2c33fe rgb(44,51,254)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#482cfe
```
#482cfe rgb(72,44,254)
```
#5a2cfe
```
#5a2cfe rgb(90,44,254)
```
#6c2cfe
```
#6c2cfe rgb(108,44,254)
```

Similar Colors

Text with hexadecimal color #372cfe

This text has a font color of #372cfe.

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

#372cfe background color

This paragraph has a background color of #372cfe.

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

#372cfe border color

This element has a border color of #372cfe.

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

CSS codes

.text {color:#372cfe;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#010017
```
#010017 rgb(1,0,23)
```
#02002b
```
#02002b rgb(2,0,43)
```
#04003e
```
#04003e rgb(4,0,62)
```
#050052
```
#050052 rgb(5,0,82)
```
#060065
```
#060065 rgb(6,0,101)
```
#070179
```
#070179 rgb(7,1,121)
```
#08018c
```
#08018c rgb(8,1,140)
```
#0901a0
```
#0901a0 rgb(9,1,160)
```
#0a01b3
```
#0a01b3 rgb(10,1,179)
```
#0b01c7
```
#0b01c7 rgb(11,1,199)
```
#0c01db
```
#0c01db rgb(12,1,219)
```
#0e01ee
```
#0e01ee rgb(14,1,238)
```

Shade Color Variation

#1205fe
```
#1205fe rgb(18,5,254)
```
#2418fe
```
#2418fe rgb(36,24,254)
```
#372cfe
```
#372cfe rgb(55,44,254)
```
#4a40fe
```
#4a40fe rgb(74,64,254)
```
#5c53fe
```
#5c53fe rgb(92,83,254)
```
#6f67fe
```
#6f67fe rgb(111,103,254)
```
#817afe
```
#817afe rgb(129,122,254)
```
#948efe
```
#948efe rgb(148,142,254)
```
#a6a1ff
```
#a6a1ff rgb(166,161,255)
```
#b9b5ff
```
#b9b5ff rgb(185,181,255)
```
#cbc8ff
```
#cbc8ff rgb(203,200,255)
```
#dedcff
```
#dedcff rgb(222,220,255)
```
#f0efff
```
#f0efff rgb(240,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8e9c is the less saturated color, while #372cfe is the most saturated one.

#8f8e9c
```
#8f8e9c rgb(143,142,156)
```
#8786a4
```
#8786a4 rgb(135,134,164)
```
#807eac
```
#807eac rgb(128,126,172)
```
#7975b5
```
#7975b5 rgb(121,117,181)
```
#716dbd
```
#716dbd rgb(113,109,189)
```
#6a65c5
```
#6a65c5 rgb(106,101,197)
```
#635dcd
```
#635dcd rgb(99,93,205)
```
#5b55d5
```
#5b55d5 rgb(91,85,213)
```
#544ddd
```
#544ddd rgb(84,77,221)
```
#4d44e6
```
#4d44e6 rgb(77,68,230)
```
#463cee
```
#463cee rgb(70,60,238)
```
#3e34f6
```
#3e34f6 rgb(62,52,246)
```
#372cfe
```
#372cfe rgb(55,44,254)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#44426c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#144bd0 Protanomaly 1% of men, 0.01% of women
#144fc0 Deuteranomaly 6% of men, 0.4% of women
#1453a3 Tritanomaly 0.01% of the population

#372cfe hex color

#372cfe Color Information

#372cfe Color Conversion

Color Schemes with #372cfe

Alternatives to #372cfe

#372cfe Preview

Shades and Tints of #372cfe

Tones of #372cfe

Color Blindness Simulator