#372af8 hex color

In a RGB color space, hex #372af8 is composed of 21.6% red, 16.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 83.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 243.8 degrees, a saturation of 93.6% and a lightness of 56.9%. #372af8 color hex could be obtained by blending #6e54ff with #0000f1. Closest websafe color is: #3333ff.

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

● #372af8 color description : Bright blue.

The hexadecimal color #372af8 has RGB values of R:55, G:42, B:248 and CMYK values of C:0.78, M:0.83, Y:0, K:0.03. Its decimal value is 3615480.

Hex triplet	372af8	`#372af8`
RGB Decimal	55, 42, 248	`rgb(55,42,248)`
RGB Percent	21.6, 16.5, 97.3	`rgb(21.6%,16.5%,97.3%)`
CMYK	78, 83, 0, 3
HSL	243.8°, 93.6, 56.9	`hsl(243.8,93.6%,56.9%)`
HSV (or HSB)	243.8°, 83.1, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.45, 68.026, -96.964
XYZ	19.343, 9.244, 89.567
xyY	0.164, 0.078, 9.244
CIE-LCH	36.45, 118.446, 305.052
CIE-LUV	36.45, -7.824, -129.532
Hunter-Lab	30.404, 60.355, -153.377
Binary	00110111, 00101010, 11111000

#372af8
```
#372af8 rgb(55,42,248)
```
#ebf82a
```
#ebf82a rgb(235,248,42)
```

Complementary Color

#2a84f8
```
#2a84f8 rgb(42,132,248)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#9e2af8
```
#9e2af8 rgb(158,42,248)
```

Analogous Color

#84f82a
```
#84f82a rgb(132,248,42)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#f89e2a
```
#f89e2a rgb(248,158,42)
```

Split Complementary Color

#2af837
```
#2af837 rgb(42,248,55)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#f8372a
```
#f8372a rgb(248,55,42)
```

Triadic Color

#2aebf8
```
#2aebf8 rgb(42,235,248)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#f8372a
```
#f8372a rgb(248,55,42)
```
#ebf82a
```
#ebf82a rgb(235,248,42)
```

Tetradic Color

#1307cf
```
#1307cf rgb(19,7,207)
```
#1608e7
```
#1608e7 rgb(22,8,231)
```
#2011f7
```
#2011f7 rgb(32,17,247)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#4e43f9
```
#4e43f9 rgb(78,67,249)
```
#655bfa
```
#655bfa rgb(101,91,250)
```
#7d74fa
```
#7d74fa rgb(125,116,250)
```

Monochromatic Color

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

#2a51f8
```
#2a51f8 rgb(42,81,248)
```
#2a3ff8
```
#2a3ff8 rgb(42,63,248)
```
#2a2ef8
```
#2a2ef8 rgb(42,46,248)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#482af8
```
#482af8 rgb(72,42,248)
```
#592af8
```
#592af8 rgb(89,42,248)
```
#6b2af8
```
#6b2af8 rgb(107,42,248)
```

Similar Colors

Text with hexadecimal color #372af8

This text has a font color of #372af8.

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

#372af8 background color

This paragraph has a background color of #372af8.

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

#372af8 border color

This element has a border color of #372af8.

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

CSS codes

.text {color:#372af8;}

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

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

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, #01000f is the darkest color, while #fbfbff is the lightest one.

#01000f
```
#01000f rgb(1,0,15)
```
#030122
```
#030122 rgb(3,1,34)
```
#050235
```
#050235 rgb(5,2,53)
```
#070248
```
#070248 rgb(7,2,72)
```
#09035b
```
#09035b rgb(9,3,91)
```
#0a046e
```
#0a046e rgb(10,4,110)
```
#0c0481
```
#0c0481 rgb(12,4,129)
```
#0e0594
```
#0e0594 rgb(14,5,148)
```
#1005a7
```
#1005a7 rgb(16,5,167)
```
#1106ba
```
#1106ba rgb(17,6,186)
```
#1307cd
```
#1307cd rgb(19,7,205)
```
#1507e0
```
#1507e0 rgb(21,7,224)
```
#1708f3
```
#1708f3 rgb(23,8,243)
```

Shade Color Variation

#2517f7
```
#2517f7 rgb(37,23,247)
```
#372af8
```
#372af8 rgb(55,42,248)
```
#493df9
```
#493df9 rgb(73,61,249)
```
#5b50f9
```
#5b50f9 rgb(91,80,249)
```
#6c63fa
```
#6c63fa rgb(108,99,250)
```
#7e76fa
```
#7e76fa rgb(126,118,250)
```
#9089fb
```
#9089fb rgb(144,137,251)
```
#a29cfc
```
#a29cfc rgb(162,156,252)
```
#b4affc
```
#b4affc rgb(180,175,252)
```
#c6c2fd
```
#c6c2fd rgb(198,194,253)
```
#d7d5fe
```
#d7d5fe rgb(215,213,254)
```
#e9e8fe
```
#e9e8fe rgb(233,232,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#909092
```
#909092 rgb(144,144,146)
```
#88879b
```
#88879b rgb(136,135,155)
```
#817fa3
```
#817fa3 rgb(129,127,163)
```
#7a76ac
```
#7a76ac rgb(122,118,172)
```
#726eb4
```
#726eb4 rgb(114,110,180)
```
#6b65bd
```
#6b65bd rgb(107,101,189)
```
#635dc5
```
#635dc5 rgb(99,93,197)
```
#5c54ce
```
#5c54ce rgb(92,84,206)
```
#554cd6
```
#554cd6 rgb(85,76,214)
```
#4d43df
```
#4d43df rgb(77,67,223)
```
#463be7
```
#463be7 rgb(70,59,231)
```
#3e32f0
```
#3e32f0 rgb(62,50,240)
```
#372af8
```
#372af8 rgb(55,42,248)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#424069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#1449cb Protanomaly 1% of men, 0.01% of women
#144dbc Deuteranomaly 6% of men, 0.4% of women
#14519f Tritanomaly 0.01% of the population

#372af8 hex color

#372af8 Color Information

#372af8 Color Conversion

Color Schemes with #372af8

Alternatives to #372af8

#372af8 Preview

Shades and Tints of #372af8

Tones of #372af8

Color Blindness Simulator