#372e86 hex color

In a RGB color space, hex #372e86 is composed of 21.6% red, 18% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 65.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 246.1 degrees, a saturation of 48.9% and a lightness of 35.3%. #372e86 color hex could be obtained by blending #6e5cff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 22
- G 18
- B 53
RGB color chart
- C 59
- M 66
- Y 0
- K 47
CMYK color chart

● #372e86 color description : Dark moderate blue.

The hexadecimal color #372e86 has RGB values of R:55, G:46, B:134 and CMYK values of C:0.59, M:0.66, Y:0, K:0.47. Its decimal value is 3616390.

Hex triplet	372e86	`#372e86`
RGB Decimal	55, 46, 134	`rgb(55,46,134)`
RGB Percent	21.6, 18, 52.5	`rgb(21.6%,18%,52.5%)`
CMYK	59, 66, 0, 47
HSL	246.1°, 48.9, 35.3	`hsl(246.1,48.9%,35.3%)`
HSV (or HSB)	246.1°, 65.7, 52.5
Web Safe	333399	`#333399`

CIE-LAB	25.221, 30.448, -48.141
XYZ	6.855, 4.487, 23.058
xyY	0.199, 0.13, 4.487
CIE-LCH	25.221, 56.961, 302.313
CIE-LUV	25.221, -2.147, -61.177
Hunter-Lab	21.183, 20.692, -49.709
Binary	00110111, 00101110, 10000110

#372e86
```
#372e86 rgb(55,46,134)
```
#7d862e
```
#7d862e rgb(125,134,46)
```

Complementary Color

#2e5186
```
#2e5186 rgb(46,81,134)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#632e86
```
#632e86 rgb(99,46,134)
```

Analogous Color

#51862e
```
#51862e rgb(81,134,46)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#86632e
```
#86632e rgb(134,99,46)
```

Split Complementary Color

#2e8637
```
#2e8637 rgb(46,134,55)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#86372e
```
#86372e rgb(134,55,46)
```

Triadic Color

#2e7d86
```
#2e7d86 rgb(46,125,134)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#86372e
```
#86372e rgb(134,55,46)
```
#7d862e
```
#7d862e rgb(125,134,46)
```

Tetradic Color

#201a4d
```
#201a4d rgb(32,26,77)
```
#272160
```
#272160 rgb(39,33,96)
```
#2f2773
```
#2f2773 rgb(47,39,115)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#3f3599
```
#3f3599 rgb(63,53,153)
```
#473bac
```
#473bac rgb(71,59,172)
```
#4f42be
```
#4f42be rgb(79,66,190)
```

Monochromatic Color

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

#2e3b86
```
#2e3b86 rgb(46,59,134)
```
#2e3486
```
#2e3486 rgb(46,52,134)
```
#302e86
```
#302e86 rgb(48,46,134)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#3e2e86
```
#3e2e86 rgb(62,46,134)
```
#462e86
```
#462e86 rgb(70,46,134)
```
#4d2e86
```
#4d2e86 rgb(77,46,134)
```

Similar Colors

Text with hexadecimal color #372e86

This text has a font color of #372e86.

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

#372e86 background color

This paragraph has a background color of #372e86.

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

#372e86 border color

This element has a border color of #372e86.

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

CSS codes

.text {color:#372e86;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070611
```
#070611 rgb(7,6,17)
```
#0d0b20
```
#0d0b20 rgb(13,11,32)
```
#13102e
```
#13102e rgb(19,16,46)
```
#19153d
```
#19153d rgb(25,21,61)
```
#1f1a4c
```
#1f1a4c rgb(31,26,76)
```
#251f5a
```
#251f5a rgb(37,31,90)
```
#2b2469
```
#2b2469 rgb(43,36,105)
```
#312977
```
#312977 rgb(49,41,119)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#3d3395
```
#3d3395 rgb(61,51,149)
```
#4338a3
```
#4338a3 rgb(67,56,163)
```
#493db2
```
#493db2 rgb(73,61,178)
```

Shade Color Variation

#5044bf
```
#5044bf rgb(80,68,191)
```
#5e52c4
```
#5e52c4 rgb(94,82,196)
```
#6c61c9
```
#6c61c9 rgb(108,97,201)
```
#7970ce
```
#7970ce rgb(121,112,206)
```
#877ed3
```
#877ed3 rgb(135,126,211)
```
#948dd8
```
#948dd8 rgb(148,141,216)
```
#a29bdd
```
#a29bdd rgb(162,155,221)
```
#b0aae2
```
#b0aae2 rgb(176,170,226)
```
#bdb9e7
```
#bdb9e7 rgb(189,185,231)
```
#cbc7ec
```
#cbc7ec rgb(203,199,236)
```
#d9d6f1
```
#d9d6f1 rgb(217,214,241)
```
#e6e4f6
```
#e6e4f6 rgb(230,228,246)
```
#f4f3fb
```
#f4f3fb rgb(244,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58585c is the less saturated color, while #1604b0 is the most saturated one.

#58585c
```
#58585c rgb(88,88,92)
```
#535163
```
#535163 rgb(83,81,99)
```
#4d4a6a
```
#4d4a6a rgb(77,74,106)
```
#484371
```
#484371 rgb(72,67,113)
```
#423c78
```
#423c78 rgb(66,60,120)
```
#3d357f
```
#3d357f rgb(61,53,127)
```
#372e86
```
#372e86 rgb(55,46,134)
```
#31278d
```
#31278d rgb(49,39,141)
```
#2c2094
```
#2c2094 rgb(44,32,148)
```
#26199b
```
#26199b rgb(38,25,155)
```
#2112a2
```
#2112a2 rgb(33,18,162)
```
#1b0ba9
```
#1b0ba9 rgb(27,11,169)
```
#1604b0
```
#1604b0 rgb(22,4,176)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#3a384a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004774 Deuteranopia 1% of men
#214b51 Tritanopia 0.001% of the population

Trichromacy

#143b85 Protanomaly 1% of men, 0.01% of women
#143e7a Deuteranomaly 6% of men, 0.4% of women
#294064 Tritanomaly 0.01% of the population

#372e86 hex color

#372e86 Color Information

#372e86 Color Conversion

Color Schemes with #372e86

Alternatives to #372e86

#372e86 Preview

Shades and Tints of #372e86

Tones of #372e86

Color Blindness Simulator