#20314c hex color

In a RGB color space, hex #20314c is composed of 12.5% red, 19.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 35.5% magenta, 0% yellow and 70.2% black. It has a hue angle of 216.8 degrees, a saturation of 40.7% and a lightness of 21.2%. #20314c color hex could be obtained by blending #406298 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 19
- B 30
RGB color chart
- C 58
- M 36
- Y 0
- K 70
CMYK color chart

● #20314c color description : Very dark desaturated blue.

The hexadecimal color #20314c has RGB values of R:32, G:49, B:76 and CMYK values of C:0.58, M:0.36, Y:0, K:0.7. Its decimal value is 2109772.

Hex triplet	20314c	`#20314c`
RGB Decimal	32, 49, 76	`rgb(32,49,76)`
RGB Percent	12.5, 19.2, 29.8	`rgb(12.5%,19.2%,29.8%)`
CMYK	58, 36, 0, 70
HSL	216.8°, 40.7, 21.2	`hsl(216.8,40.7%,21.2%)`
HSV (or HSB)	216.8°, 57.9, 29.8
Web Safe	333333	`#333333`

CIE-LAB	20.145, 2.185, -18.792
XYZ	2.998, 3.025, 7.263
xyY	0.226, 0.228, 3.025
CIE-LCH	20.145, 18.919, 276.632
CIE-LUV	20.145, -7.051, -21.027
Hunter-Lab	17.394, 0.33, -12.582
Binary	00100000, 00110001, 01001100

#20314c
```
#20314c rgb(32,49,76)
```
#4c3b20
```
#4c3b20 rgb(76,59,32)
```

Complementary Color

#20474c
```
#20474c rgb(32,71,76)
```
#20314c
```
#20314c rgb(32,49,76)
```
#25204c
```
#25204c rgb(37,32,76)
```

Analogous Color

#474c20
```
#474c20 rgb(71,76,32)
```
#20314c
```
#20314c rgb(32,49,76)
```
#4c2520
```
#4c2520 rgb(76,37,32)
```

Split Complementary Color

#314c20
```
#314c20 rgb(49,76,32)
```
#20314c
```
#20314c rgb(32,49,76)
```
#4c2031
```
#4c2031 rgb(76,32,49)
```

Triadic Color

#204c3b
```
#204c3b rgb(32,76,59)
```
#20314c
```
#20314c rgb(32,49,76)
```
#4c2031
```
#4c2031 rgb(76,32,49)
```
#4c3b20
```
#4c3b20 rgb(76,59,32)
```

Tetradic Color

#090e16
```
#090e16 rgb(9,14,22)
```
#111a28
```
#111a28 rgb(17,26,40)
```
#18253a
```
#18253a rgb(24,37,58)
```
#20314c
```
#20314c rgb(32,49,76)
```
#283d5e
```
#283d5e rgb(40,61,94)
```
#2f4870
```
#2f4870 rgb(47,72,112)
```
#375482
```
#375482 rgb(55,84,130)
```

Monochromatic Color

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

#203c4c
```
#203c4c rgb(32,60,76)
```
#20384c
```
#20384c rgb(32,56,76)
```
#20354c
```
#20354c rgb(32,53,76)
```
#20314c
```
#20314c rgb(32,49,76)
```
#202d4c
```
#202d4c rgb(32,45,76)
```
#202a4c
```
#202a4c rgb(32,42,76)
```
#20264c
```
#20264c rgb(32,38,76)
```

Similar Colors

Text with hexadecimal color #20314c

This text has a font color of #20314c.

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

#20314c background color

This paragraph has a background color of #20314c.

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

#20314c border color

This element has a border color of #20314c.

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

CSS codes

.text {color:#20314c;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0f1623
```
#0f1623 rgb(15,22,35)
```
#141f30
```
#141f30 rgb(20,31,48)
```
#1a283e
```
#1a283e rgb(26,40,62)
```
#20314c
```
#20314c rgb(32,49,76)
```
#263a5a
```
#263a5a rgb(38,58,90)
```
#2c4368
```
#2c4368 rgb(44,67,104)
```
#314c75
```
#314c75 rgb(49,76,117)
```
#375583
```
#375583 rgb(55,85,131)
```
#3d5d91
```
#3d5d91 rgb(61,93,145)
```
#43669f
```
#43669f rgb(67,102,159)
```
#496fad
```
#496fad rgb(73,111,173)
```

Shade Color Variation

#5379b6
```
#5379b6 rgb(83,121,182)
```
#6084bc
```
#6084bc rgb(96,132,188)
```
#6e8fc2
```
#6e8fc2 rgb(110,143,194)
```
#7c99c8
```
#7c99c8 rgb(124,153,200)
```
#8aa4ce
```
#8aa4ce rgb(138,164,206)
```
#98afd3
```
#98afd3 rgb(152,175,211)
```
#a5b9d9
```
#a5b9d9 rgb(165,185,217)
```
#b3c4df
```
#b3c4df rgb(179,196,223)
```
#c1cfe5
```
#c1cfe5 rgb(193,207,229)
```
#cfdaeb
```
#cfdaeb rgb(207,218,235)
```
#dde4f1
```
#dde4f1 rgb(221,228,241)
```
#eaeff6
```
#eaeff6 rgb(234,239,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #353637 is the less saturated color, while #032a69 is the most saturated one.

#353637
```
#353637 rgb(53,54,55)
```
#31353b
```
#31353b rgb(49,53,59)
```
#2c3440
```
#2c3440 rgb(44,52,64)
```
#283344
```
#283344 rgb(40,51,68)
```
#243248
```
#243248 rgb(36,50,72)
```
#20314c
```
#20314c rgb(32,49,76)
```
#1c3050
```
#1c3050 rgb(28,48,80)
```
#182f54
```
#182f54 rgb(24,47,84)
```
#142e58
```
#142e58 rgb(20,46,88)
```
#0f2d5d
```
#0f2d5d rgb(15,45,93)
```
#0b2c61
```
#0b2c61 rgb(11,44,97)
```
#072b65
```
#072b65 rgb(7,43,101)
```
#032a69
```
#032a69 rgb(3,42,105)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2f35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#323a54 Protanopia 1% of men
#2e3b55 Deuteranopia 1% of men
#233f43 Tritanopia 0.001% of the population

Trichromacy

#2b3751 Protanomaly 1% of men, 0.01% of women
#293752 Deuteranomaly 6% of men, 0.4% of women
#223a46 Tritanomaly 0.01% of the population

#20314c hex color

#20314c Color Information

#20314c Color Conversion

Color Schemes with #20314c

Alternatives to #20314c

#20314c Preview

Shades and Tints of #20314c

Tones of #20314c

Color Blindness Simulator