#31527c hex color

In a RGB color space, hex #31527c is composed of 19.2% red, 32.2% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 33.9% magenta, 0% yellow and 51.4% black. It has a hue angle of 213.6 degrees, a saturation of 43.4% and a lightness of 33.9%. #31527c color hex could be obtained by blending #62a4f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 32
- B 49
RGB color chart
- C 60
- M 34
- Y 0
- K 51
CMYK color chart

● #31527c color description : Dark moderate blue.

The hexadecimal color #31527c has RGB values of R:49, G:82, B:124 and CMYK values of C:0.6, M:0.34, Y:0, K:0.51. Its decimal value is 3232380.

Hex triplet	31527c	`#31527c`
RGB Decimal	49, 82, 124	`rgb(49,82,124)`
RGB Percent	19.2, 32.2, 48.6	`rgb(19.2%,32.2%,48.6%)`
CMYK	60, 34, 0, 51
HSL	213.6°, 43.4, 33.9	`hsl(213.6,43.4%,33.9%)`
HSV (or HSB)	213.6°, 60.5, 48.6
Web Safe	336666	`#336666`

CIE-LAB	34.278, 1.687, -27.423
XYZ	7.921, 8.142, 20.222
xyY	0.218, 0.224, 8.142
CIE-LCH	34.278, 27.475, 273.52
CIE-LUV	34.278, -14.13, -37.479
Hunter-Lab	28.535, -0.385, -22.043
Binary	00110001, 01010010, 01111100

#31527c
```
#31527c rgb(49,82,124)
```
#7c5b31
```
#7c5b31 rgb(124,91,49)
```

Complementary Color

#31787c
```
#31787c rgb(49,120,124)
```
#31527c
```
#31527c rgb(49,82,124)
```
#35317c
```
#35317c rgb(53,49,124)
```

Analogous Color

#787c31
```
#787c31 rgb(120,124,49)
```
#31527c
```
#31527c rgb(49,82,124)
```
#7c3631
```
#7c3631 rgb(124,54,49)
```

Split Complementary Color

#527c31
```
#527c31 rgb(82,124,49)
```
#31527c
```
#31527c rgb(49,82,124)
```
#7c3152
```
#7c3152 rgb(124,49,82)
```

Triadic Color

#317c5b
```
#317c5b rgb(49,124,91)
```
#31527c
```
#31527c rgb(49,82,124)
```
#7c3152
```
#7c3152 rgb(124,49,82)
```
#7c5b31
```
#7c5b31 rgb(124,91,49)
```

Tetradic Color

#1b2e45
```
#1b2e45 rgb(27,46,69)
```
#233a57
```
#233a57 rgb(35,58,87)
```
#2a466a
```
#2a466a rgb(42,70,106)
```
#31527c
```
#31527c rgb(49,82,124)
```
#385e8e
```
#385e8e rgb(56,94,142)
```
#3f6aa1
```
#3f6aa1 rgb(63,106,161)
```
#4776b3
```
#4776b3 rgb(71,118,179)
```

Monochromatic Color

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

#31657c
```
#31657c rgb(49,101,124)
```
#315f7c
```
#315f7c rgb(49,95,124)
```
#31587c
```
#31587c rgb(49,88,124)
```
#31527c
```
#31527c rgb(49,82,124)
```
#314c7c
```
#314c7c rgb(49,76,124)
```
#31467c
```
#31467c rgb(49,70,124)
```
#313f7c
```
#313f7c rgb(49,63,124)
```

Similar Colors

Text with hexadecimal color #31527c

This text has a font color of #31527c.

<span style="color:#31527c;">Text here</span>

#31527c background color

This paragraph has a background color of #31527c.

<p style="background-color:#31527c;">Content here</p>

#31527c border color

This element has a border color of #31527c.

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

CSS codes

.text {color:#31527c;}

.background {background-color:#31527c;}

.border {border:1px solid #31527c;}

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, #05080c is the darkest color, while #fcfdfe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0a111a
```
#0a111a rgb(10,17,26)
```
#101a28
```
#101a28 rgb(16,26,40)
```
#152436
```
#152436 rgb(21,36,54)
```
#1b2d44
```
#1b2d44 rgb(27,45,68)
```
#203652
```
#203652 rgb(32,54,82)
```
#263f60
```
#263f60 rgb(38,63,96)
```
#2b496e
```
#2b496e rgb(43,73,110)
```
#31527c
```
#31527c rgb(49,82,124)
```
#375b8a
```
#375b8a rgb(55,91,138)
```
#3c6598
```
#3c6598 rgb(60,101,152)
```
#426ea6
```
#426ea6 rgb(66,110,166)
```
#4777b4
```
#4777b4 rgb(71,119,180)
```

Shade Color Variation

#5481bb
```
#5481bb rgb(84,129,187)
```
#628cc1
```
#628cc1 rgb(98,140,193)
```
#7096c6
```
#7096c6 rgb(112,150,198)
```
#7ea0cc
```
#7ea0cc rgb(126,160,204)
```
#8cabd2
```
#8cabd2 rgb(140,171,210)
```
#9ab5d7
```
#9ab5d7 rgb(154,181,215)
```
#a8bfdd
```
#a8bfdd rgb(168,191,221)
```
#b6cae2
```
#b6cae2 rgb(182,202,226)
```
#c4d4e8
```
#c4d4e8 rgb(196,212,232)
```
#d2deed
```
#d2deed rgb(210,222,237)
```
#e0e9f3
```
#e0e9f3 rgb(224,233,243)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52565b is the less saturated color, while #024cab is the most saturated one.

#52565b
```
#52565b rgb(82,86,91)
```
#4c5561
```
#4c5561 rgb(76,85,97)
```
#455468
```
#455468 rgb(69,84,104)
```
#3e546f
```
#3e546f rgb(62,84,111)
```
#385375
```
#385375 rgb(56,83,117)
```
#31527c
```
#31527c rgb(49,82,124)
```
#2a5183
```
#2a5183 rgb(42,81,131)
```
#245089
```
#245089 rgb(36,80,137)
```
#1d5090
```
#1d5090 rgb(29,80,144)
```
#164f97
```
#164f97 rgb(22,79,151)
```
#104e9d
```
#104e9d rgb(16,78,157)
```
#094da4
```
#094da4 rgb(9,77,164)
```
#024cab
```
#024cab rgb(2,76,171)
```

Tone Color Variation

Below, you can see how #31527c 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

#4d4d4d Achromatopsia 0.005% of the population
#474e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5880 Protanopia 1% of men
#435983 Deuteranopia 1% of men
#2d6067 Tritanopia 0.001% of the population

Trichromacy

#41567f Protanomaly 1% of men, 0.01% of women
#3c5680 Deuteranomaly 6% of men, 0.4% of women
#2e5b6f Tritanomaly 0.01% of the population

#31527c hex color

#31527c Color Information

#31527c Color Conversion

Color Schemes with #31527c

Alternatives to #31527c

#31527c Preview

Shades and Tints of #31527c

Tones of #31527c

Color Blindness Simulator