#372fec hex color

In a RGB color space, hex #372fec is composed of 21.6% red, 18.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 80.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 242.5 degrees, a saturation of 83.3% and a lightness of 55.5%. #372fec color hex could be obtained by blending #6e5eff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 18
- B 93
RGB color chart
- C 77
- M 80
- Y 0
- K 7
CMYK color chart

● #372fec color description : Bright blue.

The hexadecimal color #372fec has RGB values of R:55, G:47, B:236 and CMYK values of C:0.77, M:0.8, Y:0, K:0.07. Its decimal value is 3616748.

Hex triplet	372fec	`#372fec`
RGB Decimal	55, 47, 236	`rgb(55,47,236)`
RGB Percent	21.6, 18.4, 92.5	`rgb(21.6%,18.4%,92.5%)`
CMYK	77, 80, 0, 7
HSL	242.5°, 83.3, 55.5	`hsl(242.5,83.3%,55.5%)`
HSV (or HSB)	242.5°, 80.1, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.792, 62.446, -91.277
XYZ	17.729, 8.9, 80.136
xyY	0.166, 0.083, 8.9
CIE-LCH	35.792, 110.594, 304.378
CIE-LUV	35.792, -7.799, -122.746
Hunter-Lab	29.833, 53.871, -138.377
Binary	00110111, 00101111, 11101100

#372fec
```
#372fec rgb(55,47,236)
```
#e4ec2f
```
#e4ec2f rgb(228,236,47)
```

Complementary Color

#2f86ec
```
#2f86ec rgb(47,134,236)
```
#372fec
```
#372fec rgb(55,47,236)
```
#962fec
```
#962fec rgb(150,47,236)
```

Analogous Color

#86ec2f
```
#86ec2f rgb(134,236,47)
```
#372fec
```
#372fec rgb(55,47,236)
```
#ec962f
```
#ec962f rgb(236,150,47)
```

Split Complementary Color

#2fec37
```
#2fec37 rgb(47,236,55)
```
#372fec
```
#372fec rgb(55,47,236)
```
#ec372f
```
#ec372f rgb(236,55,47)
```

Triadic Color

#2fe4ec
```
#2fe4ec rgb(47,228,236)
```
#372fec
```
#372fec rgb(55,47,236)
```
#ec372f
```
#ec372f rgb(236,55,47)
```
#e4ec2f
```
#e4ec2f rgb(228,236,47)
```

Tetradic Color

#1911bd
```
#1911bd rgb(25,17,189)
```
#1c13d5
```
#1c13d5 rgb(28,19,213)
```
#2118ea
```
#2118ea rgb(33,24,234)
```
#372fec
```
#372fec rgb(55,47,236)
```
#4d46ee
```
#4d46ee rgb(77,70,238)
```
#645ef0
```
#645ef0 rgb(100,94,240)
```
#7a75f2
```
#7a75f2 rgb(122,117,242)
```

Monochromatic Color

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

#2f56ec
```
#2f56ec rgb(47,86,236)
```
#2f47ec
```
#2f47ec rgb(47,71,236)
```
#2f37ec
```
#2f37ec rgb(47,55,236)
```
#372fec
```
#372fec rgb(55,47,236)
```
#472fec
```
#472fec rgb(71,47,236)
```
#562fec
```
#562fec rgb(86,47,236)
```
#662fec
```
#662fec rgb(102,47,236)
```

Similar Colors

Text with hexadecimal color #372fec

This text has a font color of #372fec.

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

#372fec background color

This paragraph has a background color of #372fec.

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

#372fec border color

This element has a border color of #372fec.

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

CSS codes

.text {color:#372fec;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#03021a
```
#03021a rgb(3,2,26)
```
#06042c
```
#06042c rgb(6,4,44)
```
#08063e
```
#08063e rgb(8,6,62)
```
#0a0750
```
#0a0750 rgb(10,7,80)
```
#0d0962
```
#0d0962 rgb(13,9,98)
```
#0f0b74
```
#0f0b74 rgb(15,11,116)
```
#110c85
```
#110c85 rgb(17,12,133)
```
#140e97
```
#140e97 rgb(20,14,151)
```
#160fa9
```
#160fa9 rgb(22,15,169)
```
#1811bb
```
#1811bb rgb(24,17,187)
```
#1b13cd
```
#1b13cd rgb(27,19,205)
```
#1d14df
```
#1d14df rgb(29,20,223)
```

Shade Color Variation

#261dea
```
#261dea rgb(38,29,234)
```
#372fec
```
#372fec rgb(55,47,236)
```
#4841ee
```
#4841ee rgb(72,65,238)
```
#5a53ef
```
#5a53ef rgb(90,83,239)
```
#6b65f1
```
#6b65f1 rgb(107,101,241)
```
#7c77f3
```
#7c77f3 rgb(124,119,243)
```
#8d89f4
```
#8d89f4 rgb(141,137,244)
```
#9f9bf6
```
#9f9bf6 rgb(159,155,246)
```
#b0adf7
```
#b0adf7 rgb(176,173,247)
```
#c1bff9
```
#c1bff9 rgb(193,191,249)
```
#d3d1fb
```
#d3d1fb rgb(211,209,251)
```
#e4e3fc
```
#e4e3fc rgb(228,227,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#878695
```
#878695 rgb(135,134,149)
```
#7f7e9d
```
#7f7e9d rgb(127,126,157)
```
#7775a6
```
#7775a6 rgb(119,117,166)
```
#6f6caf
```
#6f6caf rgb(111,108,175)
```
#6763b8
```
#6763b8 rgb(103,99,184)
```
#5f5bc0
```
#5f5bc0 rgb(95,91,192)
```
#5752c9
```
#5752c9 rgb(87,82,201)
```
#4f49d2
```
#4f49d2 rgb(79,73,210)
```
#4740db
```
#4740db rgb(71,64,219)
```
#3f38e3
```
#3f38e3 rgb(63,56,227)
```
#372fec
```
#372fec rgb(55,47,236)
```
#2f26f5
```
#2f26f5 rgb(47,38,245)
```
#271efd
```
#271efd rgb(39,30,253)
```

Tone Color Variation

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

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#144ac5 Protanomaly 1% of men, 0.01% of women
#144eb6 Deuteranomaly 6% of men, 0.4% of women
#14529a Tritanomaly 0.01% of the population

#372fec hex color

#372fec Color Information

#372fec Color Conversion

Color Schemes with #372fec

Alternatives to #372fec

#372fec Preview

Shades and Tints of #372fec

Tones of #372fec

Color Blindness Simulator