#31569f hex color

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

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

● #31569f color description : Dark moderate blue.

The hexadecimal color #31569f has RGB values of R:49, G:86, B:159 and CMYK values of C:0.69, M:0.46, Y:0, K:0.38. Its decimal value is 3233439.

Hex triplet	31569f	`#31569f`
RGB Decimal	49, 86, 159	`rgb(49,86,159)`
RGB Percent	19.2, 33.7, 62.4	`rgb(19.2%,33.7%,62.4%)`
CMYK	69, 46, 0, 38
HSL	219.8°, 52.9, 40.8	`hsl(219.8,52.9%,40.8%)`
HSV (or HSB)	219.8°, 69.2, 62.4
Web Safe	336699	`#336699`

CIE-LAB	37.501, 11.949, -43.604
XYZ	10.851, 9.811, 34.121
xyY	0.198, 0.179, 9.811
CIE-LCH	37.501, 45.211, 285.325
CIE-LUV	37.501, -15.183, -62.996
Hunter-Lab	31.323, 7.023, -42.661
Binary	00110001, 01010110, 10011111

#31569f
```
#31569f rgb(49,86,159)
```
#9f7a31
```
#9f7a31 rgb(159,122,49)
```

Complementary Color

#318d9f
```
#318d9f rgb(49,141,159)
```
#31569f
```
#31569f rgb(49,86,159)
```
#43319f
```
#43319f rgb(67,49,159)
```

Analogous Color

#8d9f31
```
#8d9f31 rgb(141,159,49)
```
#31569f
```
#31569f rgb(49,86,159)
```
#9f4331
```
#9f4331 rgb(159,67,49)
```

Split Complementary Color

#569f31
```
#569f31 rgb(86,159,49)
```
#31569f
```
#31569f rgb(49,86,159)
```
#9f3156
```
#9f3156 rgb(159,49,86)
```

Triadic Color

#319f7a
```
#319f7a rgb(49,159,122)
```
#31569f
```
#31569f rgb(49,86,159)
```
#9f3156
```
#9f3156 rgb(159,49,86)
```
#9f7a31
```
#9f7a31 rgb(159,122,49)
```

Tetradic Color

#1f3665
```
#1f3665 rgb(31,54,101)
```
#254178
```
#254178 rgb(37,65,120)
```
#2b4b8c
```
#2b4b8c rgb(43,75,140)
```
#31569f
```
#31569f rgb(49,86,159)
```
#3761b2
```
#3761b2 rgb(55,97,178)
```
#3f6cc4
```
#3f6cc4 rgb(63,108,196)
```
#537bca
```
#537bca rgb(83,123,202)
```

Monochromatic Color

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

#31729f
```
#31729f rgb(49,114,159)
```
#31689f
```
#31689f rgb(49,104,159)
```
#315f9f
```
#315f9f rgb(49,95,159)
```
#31569f
```
#31569f rgb(49,86,159)
```
#314d9f
```
#314d9f rgb(49,77,159)
```
#31449f
```
#31449f rgb(49,68,159)
```
#313b9f
```
#313b9f rgb(49,59,159)
```

Similar Colors

Text with hexadecimal color #31569f

This text has a font color of #31569f.

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

#31569f background color

This paragraph has a background color of #31569f.

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

#31569f border color

This element has a border color of #31569f.

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

CSS codes

.text {color:#31569f;}

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

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

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)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#0c1527
```
#0c1527 rgb(12,21,39)
```
#111d36
```
#111d36 rgb(17,29,54)
```
#152545
```
#152545 rgb(21,37,69)
```
#1a2d54
```
#1a2d54 rgb(26,45,84)
```
#1f3663
```
#1f3663 rgb(31,54,99)
```
#233e72
```
#233e72 rgb(35,62,114)
```
#284681
```
#284681 rgb(40,70,129)
```
#2c4e90
```
#2c4e90 rgb(44,78,144)
```
#31569f
```
#31569f rgb(49,86,159)
```
#365eae
```
#365eae rgb(54,94,174)
```
#3a66bd
```
#3a66bd rgb(58,102,189)
```

Shade Color Variation

#4570c6
```
#4570c6 rgb(69,112,198)
```
#547cca
```
#547cca rgb(84,124,202)
```
#6387cf
```
#6387cf rgb(99,135,207)
```
#7293d4
```
#7293d4 rgb(114,147,212)
```
#819ed8
```
#819ed8 rgb(129,158,216)
```
#90aadd
```
#90aadd rgb(144,170,221)
```
#9fb5e1
```
#9fb5e1 rgb(159,181,225)
```
#aec1e6
```
#aec1e6 rgb(174,193,230)
```
#bdcceb
```
#bdcceb rgb(189,204,235)
```
#ccd8ef
```
#ccd8ef rgb(204,216,239)
```
#dbe3f4
```
#dbe3f4 rgb(219,227,244)
```
#eaeff9
```
#eaeff9 rgb(234,239,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#61666f
```
#61666f rgb(97,102,111)
```
#596377
```
#596377 rgb(89,99,119)
```
#51607f
```
#51607f rgb(81,96,127)
```
#495e87
```
#495e87 rgb(73,94,135)
```
#415b8f
```
#415b8f rgb(65,91,143)
```
#395997
```
#395997 rgb(57,89,151)
```
#31569f
```
#31569f rgb(49,86,159)
```
#2953a7
```
#2953a7 rgb(41,83,167)
```
#2151af
```
#2151af rgb(33,81,175)
```
#194eb7
```
#194eb7 rgb(25,78,183)
```
#114cbf
```
#114cbf rgb(17,76,191)
```
#0949c7
```
#0949c7 rgb(9,73,199)
```
#0146cf
```
#0146cf rgb(1,70,207)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c5ea3 Protanopia 1% of men
#1b62a2 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#385ba2 Protanomaly 1% of men, 0.01% of women
#235da1 Deuteranomaly 6% of men, 0.4% of women
#116282 Tritanomaly 0.01% of the population

#31569f hex color

#31569f Color Information

#31569f Color Conversion

Color Schemes with #31569f

Alternatives to #31569f

#31569f Preview

Shades and Tints of #31569f

Tones of #31569f

Color Blindness Simulator