#372dfa hex color

In a RGB color space, hex #372dfa is composed of 21.6% red, 17.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 82% magenta, 0% yellow and 2% black. It has a hue angle of 242.9 degrees, a saturation of 95.3% and a lightness of 57.8%. #372dfa color hex could be obtained by blending #6e5aff with #0000f5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 18
- B 98
RGB color chart
- C 78
- M 82
- Y 0
- K 2
CMYK color chart

● #372dfa color description : Bright blue.

The hexadecimal color #372dfa has RGB values of R:55, G:45, B:250 and CMYK values of C:0.78, M:0.82, Y:0, K:0.02. Its decimal value is 3616250.

Hex triplet	372dfa	`#372dfa`
RGB Decimal	55, 45, 250	`rgb(55,45,250)`
RGB Percent	21.6, 17.6, 98	`rgb(21.6%,17.6%,98%)`
CMYK	78, 82, 0, 2
HSL	242.9°, 95.3, 57.8	`hsl(242.9,95.3%,57.8%)`
HSV (or HSB)	242.9°, 82, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.096, 67.368, -97.015
XYZ	19.766, 9.59, 91.247
xyY	0.164, 0.08, 9.59
CIE-LCH	37.096, 118.111, 304.776
CIE-LUV	37.096, -8.229, -130.686
Hunter-Lab	30.967, 59.739, -153.022
Binary	00110111, 00101101, 11111010

#372dfa
```
#372dfa rgb(55,45,250)
```
#f0fa2d
```
#f0fa2d rgb(240,250,45)
```

Complementary Color

#2d8afa
```
#2d8afa rgb(45,138,250)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#9e2dfa
```
#9e2dfa rgb(158,45,250)
```

Analogous Color

#8afa2d
```
#8afa2d rgb(138,250,45)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#fa9e2d
```
#fa9e2d rgb(250,158,45)
```

Split Complementary Color

#2dfa37
```
#2dfa37 rgb(45,250,55)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#fa372d
```
#fa372d rgb(250,55,45)
```

Triadic Color

#2df0fa
```
#2df0fa rgb(45,240,250)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#fa372d
```
#fa372d rgb(250,55,45)
```
#f0fa2d
```
#f0fa2d rgb(240,250,45)
```

Tetradic Color

#0f05d5
```
#0f05d5 rgb(15,5,213)
```
#1106ee
```
#1106ee rgb(17,6,238)
```
#1f14f9
```
#1f14f9 rgb(31,20,249)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#4f46fb
```
#4f46fb rgb(79,70,251)
```
#665ffb
```
#665ffb rgb(102,95,251)
```
#7e78fc
```
#7e78fc rgb(126,120,252)
```

Monochromatic Color

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

#2d56fa
```
#2d56fa rgb(45,86,250)
```
#2d45fa
```
#2d45fa rgb(45,69,250)
```
#2d34fa
```
#2d34fa rgb(45,52,250)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#482dfa
```
#482dfa rgb(72,45,250)
```
#592dfa
```
#592dfa rgb(89,45,250)
```
#6a2dfa
```
#6a2dfa rgb(106,45,250)
```

Similar Colors

Text with hexadecimal color #372dfa

This text has a font color of #372dfa.

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

#372dfa background color

This paragraph has a background color of #372dfa.

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

#372dfa border color

This element has a border color of #372dfa.

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

CSS codes

.text {color:#372dfa;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010014
```
#010014 rgb(1,0,20)
```
#030127
```
#030127 rgb(3,1,39)
```
#04013a
```
#04013a rgb(4,1,58)
```
#06024d
```
#06024d rgb(6,2,77)
```
#070261
```
#070261 rgb(7,2,97)
```
#080374
```
#080374 rgb(8,3,116)
```
#0a0387
```
#0a0387 rgb(10,3,135)
```
#0b049a
```
#0b049a rgb(11,4,154)
```
#0c04ad
```
#0c04ad rgb(12,4,173)
```
#0e05c0
```
#0e05c0 rgb(14,5,192)
```
#0f05d4
```
#0f05d4 rgb(15,5,212)
```
#1005e7
```
#1005e7 rgb(16,5,231)
```

Shade Color Variation

#1307f9
```
#1307f9 rgb(19,7,249)
```
#251afa
```
#251afa rgb(37,26,250)
```
#372dfa
```
#372dfa rgb(55,45,250)
```
#4940fa
```
#4940fa rgb(73,64,250)
```
#5b53fb
```
#5b53fb rgb(91,83,251)
```
#6e66fb
```
#6e66fb rgb(110,102,251)
```
#807afc
```
#807afc rgb(128,122,252)
```
#928dfc
```
#928dfc rgb(146,141,252)
```
#a4a0fd
```
#a4a0fd rgb(164,160,253)
```
#b7b3fd
```
#b7b3fd rgb(183,179,253)
```
#c9c6fe
```
#c9c6fe rgb(201,198,254)
```
#dbd9fe
```
#dbd9fe rgb(219,217,254)
```
#ededff
```
#ededff rgb(237,237,255)
```

Tint Color Variation

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

#919097
```
#919097 rgb(145,144,151)
```
#89889f
```
#89889f rgb(137,136,159)
```
#8280a7
```
#8280a7 rgb(130,128,167)
```
#7a77b0
```
#7a77b0 rgb(122,119,176)
```
#736fb8
```
#736fb8 rgb(115,111,184)
```
#6b67c0
```
#6b67c0 rgb(107,103,192)
```
#645fc8
```
#645fc8 rgb(100,95,200)
```
#5c56d1
```
#5c56d1 rgb(92,86,209)
```
#554ed9
```
#554ed9 rgb(85,78,217)
```
#4d46e1
```
#4d46e1 rgb(77,70,225)
```
#463ee9
```
#463ee9 rgb(70,62,233)
```
#3e35f2
```
#3e35f2 rgb(62,53,242)
```
#372dfa
```
#372dfa rgb(55,45,250)
```

Tone Color Variation

Below, you can see how #372dfa 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
#44426b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#144bce Protanomaly 1% of men, 0.01% of women
#144fbe Deuteranomaly 6% of men, 0.4% of women
#1453a1 Tritanomaly 0.01% of the population

#372dfa hex color

#372dfa Color Information

#372dfa Color Conversion

Color Schemes with #372dfa

Alternatives to #372dfa

#372dfa Preview

Shades and Tints of #372dfa

Tones of #372dfa

Color Blindness Simulator