#31569c hex color

In a RGB color space, hex #31569c is composed of 19.2% red, 33.7% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 44.9% magenta, 0% yellow and 38.8% black. It has a hue angle of 219.3 degrees, a saturation of 52.2% and a lightness of 40.2%. #31569c color hex could be obtained by blending #62acff with #000039. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 34
- B 61
RGB color chart
- C 69
- M 45
- Y 0
- K 39
CMYK color chart

● #31569c color description : Dark moderate blue.

The hexadecimal color #31569c has RGB values of R:49, G:86, B:156 and CMYK values of C:0.69, M:0.45, Y:0, K:0.39. Its decimal value is 3233436.

Hex triplet	31569c	`#31569c`
RGB Decimal	49, 86, 156	`rgb(49,86,156)`
RGB Percent	19.2, 33.7, 61.2	`rgb(19.2%,33.7%,61.2%)`
CMYK	69, 45, 0, 39
HSL	219.3°, 52.2, 40.2	`hsl(219.3,52.2%,40.2%)`
HSV (or HSB)	219.3°, 68.6, 61.2
Web Safe	336699	`#336699`

CIE-LAB	37.313, 10.826, -42.105
XYZ	10.594, 9.708, 32.766
xyY	0.2, 0.183, 9.708
CIE-LCH	37.313, 43.475, 284.42
CIE-LUV	37.313, -15.205, -60.655
Hunter-Lab	31.158, 6.165, -40.54
Binary	00110001, 01010110, 10011100

#31569c
```
#31569c rgb(49,86,156)
```
#9c7731
```
#9c7731 rgb(156,119,49)
```

Complementary Color

#318c9c
```
#318c9c rgb(49,140,156)
```
#31569c
```
#31569c rgb(49,86,156)
```
#42319c
```
#42319c rgb(66,49,156)
```

Analogous Color

#8c9c31
```
#8c9c31 rgb(140,156,49)
```
#31569c
```
#31569c rgb(49,86,156)
```
#9c4131
```
#9c4131 rgb(156,65,49)
```

Split Complementary Color

#569c31
```
#569c31 rgb(86,156,49)
```
#31569c
```
#31569c rgb(49,86,156)
```
#9c3156
```
#9c3156 rgb(156,49,86)
```

Triadic Color

#319c77
```
#319c77 rgb(49,156,119)
```
#31569c
```
#31569c rgb(49,86,156)
```
#9c3156
```
#9c3156 rgb(156,49,86)
```
#9c7731
```
#9c7731 rgb(156,119,49)
```

Tetradic Color

#1f3662
```
#1f3662 rgb(31,54,98)
```
#254175
```
#254175 rgb(37,65,117)
```
#2b4b89
```
#2b4b89 rgb(43,75,137)
```
#31569c
```
#31569c rgb(49,86,156)
```
#3761af
```
#3761af rgb(55,97,175)
```
#3e6cc2
```
#3e6cc2 rgb(62,108,194)
```
#517ac8
```
#517ac8 rgb(81,122,200)
```

Monochromatic Color

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

#31719c
```
#31719c rgb(49,113,156)
```
#31689c
```
#31689c rgb(49,104,156)
```
#315f9c
```
#315f9c rgb(49,95,156)
```
#31569c
```
#31569c rgb(49,86,156)
```
#314d9c
```
#314d9c rgb(49,77,156)
```
#31449c
```
#31449c rgb(49,68,156)
```
#313b9c
```
#313b9c rgb(49,59,156)
```

Similar Colors

Text with hexadecimal color #31569c

This text has a font color of #31569c.

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

#31569c background color

This paragraph has a background color of #31569c.

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

#31569c border color

This element has a border color of #31569c.

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

CSS codes

.text {color:#31569c;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070c16
```
#070c16 rgb(7,12,22)
```
#0b1425
```
#0b1425 rgb(11,20,37)
```
#101c34
```
#101c34 rgb(16,28,52)
```
#152542
```
#152542 rgb(21,37,66)
```
#1a2d51
```
#1a2d51 rgb(26,45,81)
```
#1e3560
```
#1e3560 rgb(30,53,96)
```
#233d6f
```
#233d6f rgb(35,61,111)
```
#28467e
```
#28467e rgb(40,70,126)
```
#2c4e8d
```
#2c4e8d rgb(44,78,141)
```
#31569c
```
#31569c rgb(49,86,156)
```
#365eab
```
#365eab rgb(54,94,171)
```
#3a66ba
```
#3a66ba rgb(58,102,186)
```

Shade Color Variation

#4470c4
```
#4470c4 rgb(68,112,196)
```
#537bc9
```
#537bc9 rgb(83,123,201)
```
#6287ce
```
#6287ce rgb(98,135,206)
```
#7092d2
```
#7092d2 rgb(112,146,210)
```
#7f9ed7
```
#7f9ed7 rgb(127,158,215)
```
#8ea9dc
```
#8ea9dc rgb(142,169,220)
```
#9db4e0
```
#9db4e0 rgb(157,180,224)
```
#acc0e5
```
#acc0e5 rgb(172,192,229)
```
#bbcbea
```
#bbcbea rgb(187,203,234)
```
#cad7ee
```
#cad7ee rgb(202,215,238)
```
#d9e2f3
```
#d9e2f3 rgb(217,226,243)
```
#e8edf8
```
#e8edf8 rgb(232,237,248)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60656d is the less saturated color, while #0247cb is the most saturated one.

#60656d
```
#60656d rgb(96,101,109)
```
#586275
```
#586275 rgb(88,98,117)
```
#51607c
```
#51607c rgb(81,96,124)
```
#495d84
```
#495d84 rgb(73,93,132)
```
#415b8c
```
#415b8c rgb(65,91,140)
```
#395894
```
#395894 rgb(57,88,148)
```
#31569c
```
#31569c rgb(49,86,156)
```
#2954a4
```
#2954a4 rgb(41,84,164)
```
#2151ac
```
#2151ac rgb(33,81,172)
```
#194fb4
```
#194fb4 rgb(25,79,180)
```
#114cbc
```
#114cbc rgb(17,76,188)
```
#0a4ac3
```
#0a4ac3 rgb(10,74,195)
```
#0247cb
```
#0247cb rgb(2,71,203)
```

Tone Color Variation

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

#3f5ea0 Protanopia 1% of men
#24619f Deuteranopia 1% of men
#006971 Tritanopia 0.001% of the population

Trichromacy

#395b9f Protanomaly 1% of men, 0.01% of women
#285d9e Deuteranomaly 6% of men, 0.4% of women
#116280 Tritanomaly 0.01% of the population

#31569c hex color

#31569c Color Information

#31569c Color Conversion

Color Schemes with #31569c

Alternatives to #31569c

#31569c Preview

Shades and Tints of #31569c

Tones of #31569c

Color Blindness Simulator