#372aff hex color

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

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

● #372aff color description : Vivid blue.

The hexadecimal color #372aff has RGB values of R:55, G:42, B:255 and CMYK values of C:0.78, M:0.84, Y:0, K:0. Its decimal value is 3615487.

Hex triplet	372aff	`#372aff`
RGB Decimal	55, 42, 255	`rgb(55,42,255)`
RGB Percent	21.6, 16.5, 100	`rgb(21.6%,16.5%,100%)`
CMYK	78, 84, 0, 0
HSL	243.7°, 100, 58.2	`hsl(243.7,100%,58.2%)`
HSV (or HSB)	243.7°, 83.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.274, 69.978, -99.522
XYZ	20.45, 9.687, 95.394
xyY	0.163, 0.077, 9.687
CIE-LCH	37.274, 121.662, 305.113
CIE-LUV	37.274, -8.16, -133.464
Hunter-Lab	31.124, 62.818, -159.938
Binary	00110111, 00101010, 11111111

#372aff
```
#372aff rgb(55,42,255)
```
#f2ff2a
```
#f2ff2a rgb(242,255,42)
```

Complementary Color

#2a88ff
```
#2a88ff rgb(42,136,255)
```
#372aff
```
#372aff rgb(55,42,255)
```
#a22aff
```
#a22aff rgb(162,42,255)
```

Analogous Color

#88ff2a
```
#88ff2a rgb(136,255,42)
```
#372aff
```
#372aff rgb(55,42,255)
```
#ffa22a
```
#ffa22a rgb(255,162,42)
```

Split Complementary Color

#2aff37
```
#2aff37 rgb(42,255,55)
```
#372aff
```
#372aff rgb(55,42,255)
```
#ff372a
```
#ff372a rgb(255,55,42)
```

Triadic Color

#2af2ff
```
#2af2ff rgb(42,242,255)
```
#372aff
```
#372aff rgb(55,42,255)
```
#ff372a
```
#ff372a rgb(255,55,42)
```
#f2ff2a
```
#f2ff2a rgb(242,255,42)
```

Tetradic Color

#0d00dd
```
#0d00dd rgb(13,0,221)
```
#0f00f6
```
#0f00f6 rgb(15,0,246)
```
#1f11ff
```
#1f11ff rgb(31,17,255)
```
#372aff
```
#372aff rgb(55,42,255)
```
#4f44ff
```
#4f44ff rgb(79,68,255)
```
#675dff
```
#675dff rgb(103,93,255)
```
#7f77ff
```
#7f77ff rgb(127,119,255)
```

Monochromatic Color

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

#2a52ff
```
#2a52ff rgb(42,82,255)
```
#2a41ff
```
#2a41ff rgb(42,65,255)
```
#2a2fff
```
#2a2fff rgb(42,47,255)
```
#372aff
```
#372aff rgb(55,42,255)
```
#492aff
```
#492aff rgb(73,42,255)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#6c2aff
```
#6c2aff rgb(108,42,255)
```

Similar Colors

Text with hexadecimal color #372aff

This text has a font color of #372aff.

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

#372aff background color

This paragraph has a background color of #372aff.

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

#372aff border color

This element has a border color of #372aff.

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

CSS codes

.text {color:#372aff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010016
```
#010016 rgb(1,0,22)
```
#03002a
```
#03002a rgb(3,0,42)
```
#04003e
```
#04003e rgb(4,0,62)
```
#050051
```
#050051 rgb(5,0,81)
```
#060065
```
#060065 rgb(6,0,101)
```
#070078
```
#070078 rgb(7,0,120)
```
#09008c
```
#09008c rgb(9,0,140)
```
#0a00a0
```
#0a00a0 rgb(10,0,160)
```
#0b00b3
```
#0b00b3 rgb(11,0,179)
```
#0c00c7
```
#0c00c7 rgb(12,0,199)
```
#0d00db
```
#0d00db rgb(13,0,219)
```
#0f00ee
```
#0f00ee rgb(15,0,238)
```

Shade Color Variation

#1203ff
```
#1203ff rgb(18,3,255)
```
#2516ff
```
#2516ff rgb(37,22,255)
```
#372aff
```
#372aff rgb(55,42,255)
```
#493eff
```
#493eff rgb(73,62,255)
```
#5c51ff
```
#5c51ff rgb(92,81,255)
```
#6e65ff
```
#6e65ff rgb(110,101,255)
```
#8178ff
```
#8178ff rgb(129,120,255)
```
#938cff
```
#938cff rgb(147,140,255)
```
#a6a0ff
```
#a6a0ff rgb(166,160,255)
```
#b8b3ff
```
#b8b3ff rgb(184,179,255)
```
#cac7ff
```
#cac7ff rgb(202,199,255)
```
#dddbff
```
#dddbff rgb(221,219,255)
```
#efeeff
```
#efeeff rgb(239,238,255)
```

Tint Color Variation

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

#8d8c9d
```
#8d8c9d rgb(141,140,157)
```
#8684a5
```
#8684a5 rgb(134,132,165)
```
#7f7cad
```
#7f7cad rgb(127,124,173)
```
#7874b5
```
#7874b5 rgb(120,116,181)
```
#716cbd
```
#716cbd rgb(113,108,189)
```
#6963c6
```
#6963c6 rgb(105,99,198)
```
#625bce
```
#625bce rgb(98,91,206)
```
#5b53d6
```
#5b53d6 rgb(91,83,214)
```
#544bde
```
#544bde rgb(84,75,222)
```
#4d43e6
```
#4d43e6 rgb(77,67,230)
```
#453aef
```
#453aef rgb(69,58,239)
```
#3e32f7
```
#3e32f7 rgb(62,50,247)
```
#372aff
```
#372aff rgb(55,42,255)
```

Tone Color Variation

Below, you can see how #372aff 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
#006a6e Tritanopia 0.001% of the population

Trichromacy

#144ad0 Protanomaly 1% of men, 0.01% of women
#144ec0 Deuteranomaly 6% of men, 0.4% of women
#1452a3 Tritanomaly 0.01% of the population

#372aff hex color

#372aff Color Information

#372aff Color Conversion

Color Schemes with #372aff

Alternatives to #372aff

#372aff Preview

Shades and Tints of #372aff

Tones of #372aff

Color Blindness Simulator