#372ef9 hex color

In a RGB color space, hex #372ef9 is composed of 21.6% red, 18% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 81.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 242.7 degrees, a saturation of 94.4% and a lightness of 57.8%. #372ef9 color hex could be obtained by blending #6e5cff with #0000f3. 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

● #372ef9 color description : Bright blue.

The hexadecimal color #372ef9 has RGB values of R:55, G:46, B:249 and CMYK values of C:0.78, M:0.82, Y:0, K:0.02. Its decimal value is 3616505.

Hex triplet	372ef9	`#372ef9`
RGB Decimal	55, 46, 249	`rgb(55,46,249)`
RGB Percent	21.6, 18, 97.6	`rgb(21.6%,18%,97.6%)`
CMYK	78, 82, 0, 2
HSL	242.7°, 94.4, 57.8	`hsl(242.7,94.4%,57.8%)`
HSV (or HSB)	242.7°, 81.5, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.123, 66.662, -96.408
XYZ	19.648, 9.605, 90.436
xyY	0.164, 0.08, 9.605
CIE-LCH	37.123, 117.21, 304.662
CIE-LUV	37.123, -8.29, -130.125
Hunter-Lab	30.991, 58.933, -151.321
Binary	00110111, 00101110, 11111001

#372ef9
```
#372ef9 rgb(55,46,249)
```
#f0f92e
```
#f0f92e rgb(240,249,46)
```

Complementary Color

#2e8bf9
```
#2e8bf9 rgb(46,139,249)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#9d2ef9
```
#9d2ef9 rgb(157,46,249)
```

Analogous Color

#8bf92e
```
#8bf92e rgb(139,249,46)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#f99d2e
```
#f99d2e rgb(249,157,46)
```

Split Complementary Color

#2ef937
```
#2ef937 rgb(46,249,55)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#f9372e
```
#f9372e rgb(249,55,46)
```

Triadic Color

#2ef0f9
```
#2ef0f9 rgb(46,240,249)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#f9372e
```
#f9372e rgb(249,55,46)
```
#f0f92e
```
#f0f92e rgb(240,249,46)
```

Tetradic Color

#0f06d4
```
#0f06d4 rgb(15,6,212)
```
#1107ed
```
#1107ed rgb(17,7,237)
```
#1f15f8
```
#1f15f8 rgb(31,21,248)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#4f47fa
```
#4f47fa rgb(79,71,250)
```
#6660fa
```
#6660fa rgb(102,96,250)
```
#7e78fb
```
#7e78fb rgb(126,120,251)
```

Monochromatic Color

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

#2e58f9
```
#2e58f9 rgb(46,88,249)
```
#2e47f9
```
#2e47f9 rgb(46,71,249)
```
#2e36f9
```
#2e36f9 rgb(46,54,249)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#482ef9
```
#482ef9 rgb(72,46,249)
```
#592ef9
```
#592ef9 rgb(89,46,249)
```
#6a2ef9
```
#6a2ef9 rgb(106,46,249)
```

Similar Colors

Text with hexadecimal color #372ef9

This text has a font color of #372ef9.

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

#372ef9 background color

This paragraph has a background color of #372ef9.

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

#372ef9 border color

This element has a border color of #372ef9.

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

CSS codes

.text {color:#372ef9;}

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

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

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 #ededfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010114
```
#010114 rgb(1,1,20)
```
#030127
```
#030127 rgb(3,1,39)
```
#04023a
```
#04023a rgb(4,2,58)
```
#06024d
```
#06024d rgb(6,2,77)
```
#070360
```
#070360 rgb(7,3,96)
```
#080373
```
#080373 rgb(8,3,115)
```
#0a0486
```
#0a0486 rgb(10,4,134)
```
#0b0499
```
#0b0499 rgb(11,4,153)
```
#0c05ac
```
#0c05ac rgb(12,5,172)
```
#0e05bf
```
#0e05bf rgb(14,5,191)
```
#0f06d2
```
#0f06d2 rgb(15,6,210)
```
#1007e6
```
#1007e6 rgb(16,7,230)
```

Shade Color Variation

#1308f8
```
#1308f8 rgb(19,8,248)
```
#251bf8
```
#251bf8 rgb(37,27,248)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```
#4941fa
```
#4941fa rgb(73,65,250)
```
#5b54fa
```
#5b54fa rgb(91,84,250)
```
#6e67fb
```
#6e67fb rgb(110,103,251)
```
#807afb
```
#807afb rgb(128,122,251)
```
#928dfc
```
#928dfc rgb(146,141,252)
```
#a4a0fc
```
#a4a0fc rgb(164,160,252)
```
#b7b3fd
```
#b7b3fd rgb(183,179,253)
```
#c9c7fd
```
#c9c7fd rgb(201,199,253)
```
#dbdafe
```
#dbdafe rgb(219,218,254)
```
#ededfe
```
#ededfe rgb(237,237,254)
```

Tint Color Variation

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

#919196
```
#919196 rgb(145,145,150)
```
#8a899e
```
#8a899e rgb(138,137,158)
```
#8281a6
```
#8281a6 rgb(130,129,166)
```
#7b78af
```
#7b78af rgb(123,120,175)
```
#7370b7
```
#7370b7 rgb(115,112,183)
```
#6c68bf
```
#6c68bf rgb(108,104,191)
```
#6460c7
```
#6460c7 rgb(100,96,199)
```
#5d57d0
```
#5d57d0 rgb(93,87,208)
```
#554fd8
```
#554fd8 rgb(85,79,216)
```
#4e47e0
```
#4e47e0 rgb(78,71,224)
```
#463fe8
```
#463fe8 rgb(70,63,232)
```
#3f36f1
```
#3f36f1 rgb(63,54,241)
```
#372ef9
```
#372ef9 rgb(55,46,249)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#45436b 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

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

#372ef9 hex color

#372ef9 Color Information

#372ef9 Color Conversion

Color Schemes with #372ef9

Alternatives to #372ef9

#372ef9 Preview

Shades and Tints of #372ef9

Tones of #372ef9

Color Blindness Simulator