#372afe hex color

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

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

● #372afe color description : Bright blue.

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

Hex triplet	372afe	`#372afe`
RGB Decimal	55, 42, 254	`rgb(55,42,254)`
RGB Percent	21.6, 16.5, 99.6	`rgb(21.6%,16.5%,99.6%)`
CMYK	78, 83, 0, 0
HSL	243.7°, 99.1, 58	`hsl(243.7,99.1%,58%)`
HSV (or HSB)	243.7°, 83.5, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.156, 69.7, -99.158
XYZ	20.289, 9.623, 94.549
xyY	0.163, 0.077, 9.623
CIE-LCH	37.156, 121.204, 305.104
CIE-LUV	37.156, -8.113, -132.903
Hunter-Lab	31.02, 62.465, -158.999
Binary	00110111, 00101010, 11111110

#372afe
```
#372afe rgb(55,42,254)
```
#f1fe2a
```
#f1fe2a rgb(241,254,42)
```

Complementary Color

#2a87fe
```
#2a87fe rgb(42,135,254)
```
#372afe
```
#372afe rgb(55,42,254)
```
#a12afe
```
#a12afe rgb(161,42,254)
```

Analogous Color

#87fe2a
```
#87fe2a rgb(135,254,42)
```
#372afe
```
#372afe rgb(55,42,254)
```
#fea12a
```
#fea12a rgb(254,161,42)
```

Split Complementary Color

#2afe37
```
#2afe37 rgb(42,254,55)
```
#372afe
```
#372afe rgb(55,42,254)
```
#fe372a
```
#fe372a rgb(254,55,42)
```

Triadic Color

#2af1fe
```
#2af1fe rgb(42,241,254)
```
#372afe
```
#372afe rgb(55,42,254)
```
#fe372a
```
#fe372a rgb(254,55,42)
```
#f1fe2a
```
#f1fe2a rgb(241,254,42)
```

Tetradic Color

#0e01da
```
#0e01da rgb(14,1,218)
```
#1001f4
```
#1001f4 rgb(16,1,244)
```
#1f11fe
```
#1f11fe rgb(31,17,254)
```
#372afe
```
#372afe rgb(55,42,254)
```
#4f43fe
```
#4f43fe rgb(79,67,254)
```
#675dfe
```
#675dfe rgb(103,93,254)
```
#7e76fe
```
#7e76fe rgb(126,118,254)
```

Monochromatic Color

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

#2a52fe
```
#2a52fe rgb(42,82,254)
```
#2a40fe
```
#2a40fe rgb(42,64,254)
```
#2a2ffe
```
#2a2ffe rgb(42,47,254)
```
#372afe
```
#372afe rgb(55,42,254)
```
#492afe
```
#492afe rgb(73,42,254)
```
#5a2afe
```
#5a2afe rgb(90,42,254)
```
#6c2afe
```
#6c2afe rgb(108,42,254)
```

Similar Colors

Text with hexadecimal color #372afe

This text has a font color of #372afe.

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

#372afe background color

This paragraph has a background color of #372afe.

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

#372afe border color

This element has a border color of #372afe.

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

CSS codes

.text {color:#372afe;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010015
```
#010015 rgb(1,0,21)
```
#030029
```
#030029 rgb(3,0,41)
```
#04003c
```
#04003c rgb(4,0,60)
```
#050050
```
#050050 rgb(5,0,80)
```
#070063
```
#070063 rgb(7,0,99)
```
#080177
```
#080177 rgb(8,1,119)
```
#09018a
```
#09018a rgb(9,1,138)
```
#0a019e
```
#0a019e rgb(10,1,158)
```
#0c01b1
```
#0c01b1 rgb(12,1,177)
```
#0d01c5
```
#0d01c5 rgb(13,1,197)
```
#0e01d9
```
#0e01d9 rgb(14,1,217)
```
#1001ec
```
#1001ec rgb(16,1,236)
```

Shade Color Variation

#1203fe
```
#1203fe rgb(18,3,254)
```
#2516fe
```
#2516fe rgb(37,22,254)
```
#372afe
```
#372afe rgb(55,42,254)
```
#493efe
```
#493efe rgb(73,62,254)
```
#5c51fe
```
#5c51fe rgb(92,81,254)
```
#6e65fe
```
#6e65fe rgb(110,101,254)
```
#8078fe
```
#8078fe rgb(128,120,254)
```
#938cfe
```
#938cfe rgb(147,140,254)
```
#a59fff
```
#a59fff rgb(165,159,255)
```
#b7b3ff
```
#b7b3ff rgb(183,179,255)
```
#cac6ff
```
#cac6ff rgb(202,198,255)
```
#dcdaff
```
#dcdaff rgb(220,218,255)
```
#eeedff
```
#eeedff rgb(238,237,255)
```

Tint Color Variation

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

#8e8d9b
```
#8e8d9b rgb(142,141,155)
```
#8685a3
```
#8685a3 rgb(134,133,163)
```
#7f7cac
```
#7f7cac rgb(127,124,172)
```
#7874b4
```
#7874b4 rgb(120,116,180)
```
#716cbc
```
#716cbc rgb(113,108,188)
```
#6a64c4
```
#6a64c4 rgb(106,100,196)
```
#625bcd
```
#625bcd rgb(98,91,205)
```
#5b53d5
```
#5b53d5 rgb(91,83,213)
```
#544bdd
```
#544bdd rgb(84,75,221)
```
#4d43e5
```
#4d43e5 rgb(77,67,229)
```
#453aee
```
#453aee rgb(69,58,238)
```
#3e32f6
```
#3e32f6 rgb(62,50,246)
```
#372afe
```
#372afe rgb(55,42,254)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#43406b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#144acf Protanomaly 1% of men, 0.01% of women
#144ebf Deuteranomaly 6% of men, 0.4% of women
#1452a2 Tritanomaly 0.01% of the population

#372afe hex color

#372afe Color Information

#372afe Color Conversion

Color Schemes with #372afe

Alternatives to #372afe

#372afe Preview

Shades and Tints of #372afe

Tones of #372afe

Color Blindness Simulator