#31529f hex color

In a RGB color space, hex #31529f is composed of 19.2% red, 32.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 48.4% magenta, 0% yellow and 37.6% black. It has a hue angle of 222 degrees, a saturation of 52.9% and a lightness of 40.8%. #31529f color hex could be obtained by blending #62a4ff with #00003f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 32
- B 62
RGB color chart
- C 69
- M 48
- Y 0
- K 38
CMYK color chart

● #31529f color description : Dark moderate blue.

The hexadecimal color #31529f has RGB values of R:49, G:82, B:159 and CMYK values of C:0.69, M:0.48, Y:0, K:0.38. Its decimal value is 3232415.

Hex triplet	31529f	`#31529f`
RGB Decimal	49, 82, 159	`rgb(49,82,159)`
RGB Percent	19.2, 32.2, 62.4	`rgb(19.2%,32.2%,62.4%)`
CMYK	69, 48, 0, 38
HSL	222°, 52.9, 40.8	`hsl(222,52.9%,40.8%)`
HSV (or HSB)	222°, 69.2, 62.4
Web Safe	336699	`#336699`

CIE-LAB	36.348, 14.585, -45.455
XYZ	10.541, 9.19, 34.017
xyY	0.196, 0.171, 9.19
CIE-LCH	36.348, 47.737, 287.79
CIE-LUV	36.348, -13.934, -65.246
Hunter-Lab	30.315, 9.013, -45.31
Binary	00110001, 01010010, 10011111

#31529f
```
#31529f rgb(49,82,159)
```
#9f7e31
```
#9f7e31 rgb(159,126,49)
```

Complementary Color

#31899f
```
#31899f rgb(49,137,159)
```
#31529f
```
#31529f rgb(49,82,159)
```
#47319f
```
#47319f rgb(71,49,159)
```

Analogous Color

#899f31
```
#899f31 rgb(137,159,49)
```
#31529f
```
#31529f rgb(49,82,159)
```
#9f4731
```
#9f4731 rgb(159,71,49)
```

Split Complementary Color

#529f31
```
#529f31 rgb(82,159,49)
```
#31529f
```
#31529f rgb(49,82,159)
```
#9f3152
```
#9f3152 rgb(159,49,82)
```

Triadic Color

#319f7e
```
#319f7e rgb(49,159,126)
```
#31529f
```
#31529f rgb(49,82,159)
```
#9f3152
```
#9f3152 rgb(159,49,82)
```
#9f7e31
```
#9f7e31 rgb(159,126,49)
```

Tetradic Color

#1f3465
```
#1f3465 rgb(31,52,101)
```
#253e78
```
#253e78 rgb(37,62,120)
```
#2b488c
```
#2b488c rgb(43,72,140)
```
#31529f
```
#31529f rgb(49,82,159)
```
#375cb2
```
#375cb2 rgb(55,92,178)
```
#3f67c4
```
#3f67c4 rgb(63,103,196)
```
#5376ca
```
#5376ca rgb(83,118,202)
```

Monochromatic Color

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

#316e9f
```
#316e9f rgb(49,110,159)
```
#31649f
```
#31649f rgb(49,100,159)
```
#315b9f
```
#315b9f rgb(49,91,159)
```
#31529f
```
#31529f rgb(49,82,159)
```
#31499f
```
#31499f rgb(49,73,159)
```
#31409f
```
#31409f rgb(49,64,159)
```
#31379f
```
#31379f rgb(49,55,159)
```

Similar Colors

Text with hexadecimal color #31529f

This text has a font color of #31529f.

<span style="color:#31529f;">Text here</span>

#31529f background color

This paragraph has a background color of #31529f.

<p style="background-color:#31529f;">Content here</p>

#31529f border color

This element has a border color of #31529f.

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

CSS codes

.text {color:#31529f;}

.background {background-color:#31529f;}

.border {border:1px solid #31529f;}

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

#030509
```
#030509 rgb(3,5,9)
```
#070c18
```
#070c18 rgb(7,12,24)
```
#0c1427
```
#0c1427 rgb(12,20,39)
```
#111c36
```
#111c36 rgb(17,28,54)
```
#152445
```
#152445 rgb(21,36,69)
```
#1a2b54
```
#1a2b54 rgb(26,43,84)
```
#1f3363
```
#1f3363 rgb(31,51,99)
```
#233b72
```
#233b72 rgb(35,59,114)
```
#284381
```
#284381 rgb(40,67,129)
```
#2c4a90
```
#2c4a90 rgb(44,74,144)
```
#31529f
```
#31529f rgb(49,82,159)
```
#365aae
```
#365aae rgb(54,90,174)
```
#3a61bd
```
#3a61bd rgb(58,97,189)
```

Shade Color Variation

#456cc6
```
#456cc6 rgb(69,108,198)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#6383cf
```
#6383cf rgb(99,131,207)
```
#728fd4
```
#728fd4 rgb(114,143,212)
```
#819bd8
```
#819bd8 rgb(129,155,216)
```
#90a7dd
```
#90a7dd rgb(144,167,221)
```
#9fb3e1
```
#9fb3e1 rgb(159,179,225)
```
#aebfe6
```
#aebfe6 rgb(174,191,230)
```
#bdcbeb
```
#bdcbeb rgb(189,203,235)
```
#ccd7ef
```
#ccd7ef rgb(204,215,239)
```
#dbe3f4
```
#dbe3f4 rgb(219,227,244)
```
#eaeef9
```
#eaeef9 rgb(234,238,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61656f is the less saturated color, while #013fcf is the most saturated one.

#61656f
```
#61656f rgb(97,101,111)
```
#596277
```
#596277 rgb(89,98,119)
```
#515f7f
```
#515f7f rgb(81,95,127)
```
#495c87
```
#495c87 rgb(73,92,135)
```
#41588f
```
#41588f rgb(65,88,143)
```
#395597
```
#395597 rgb(57,85,151)
```
#31529f
```
#31529f rgb(49,82,159)
```
#294fa7
```
#294fa7 rgb(41,79,167)
```
#214caf
```
#214caf rgb(33,76,175)
```
#1948b7
```
#1948b7 rgb(25,72,183)
```
#1145bf
```
#1145bf rgb(17,69,191)
```
#0942c7
```
#0942c7 rgb(9,66,199)
```
#013fcf
```
#013fcf rgb(1,63,207)
```

Tone Color Variation

Below, you can see how #31529f 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

#515151 Achromatopsia 0.005% of the population
#4b5161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345ba4 Protanopia 1% of men
#005f9f Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#3358a2 Protanomaly 1% of men, 0.01% of women
#115a9f Deuteranomaly 6% of men, 0.4% of women
#115f80 Tritanomaly 0.01% of the population

#31529f hex color

#31529f Color Information

#31529f Color Conversion

Color Schemes with #31529f

Alternatives to #31529f

#31529f Preview

Shades and Tints of #31529f

Tones of #31529f

Color Blindness Simulator