#20316a hex color

In a RGB color space, hex #20316a is composed of 12.5% red, 19.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 53.8% magenta, 0% yellow and 58.4% black. It has a hue angle of 226.2 degrees, a saturation of 53.6% and a lightness of 27.1%. #20316a color hex could be obtained by blending #4062d4 with #000000. Closest websafe color is: #333366.

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

● #20316a color description : Very dark blue.

The hexadecimal color #20316a has RGB values of R:32, G:49, B:106 and CMYK values of C:0.7, M:0.54, Y:0, K:0.58. Its decimal value is 2109802.

Hex triplet	20316a	`#20316a`
RGB Decimal	32, 49, 106	`rgb(32,49,106)`
RGB Percent	12.5, 19.2, 41.6	`rgb(12.5%,19.2%,41.6%)`
CMYK	70, 54, 0, 58
HSL	226.2°, 53.6, 27.1	`hsl(226.2,53.6%,27.1%)`
HSV (or HSB)	226.2°, 69.8, 41.6
Web Safe	333366	`#333366`

CIE-LAB	22.103, 13.855, -35.473
XYZ	4.295, 3.544, 14.093
xyY	0.196, 0.162, 3.544
CIE-LCH	22.103, 38.082, 291.334
CIE-LUV	22.103, -7.351, -42.675
Hunter-Lab	18.826, 7.779, -31.206
Binary	00100000, 00110001, 01101010

#20316a
```
#20316a rgb(32,49,106)
```
#6a5920
```
#6a5920 rgb(106,89,32)
```

Complementary Color

#20566a
```
#20566a rgb(32,86,106)
```
#20316a
```
#20316a rgb(32,49,106)
```
#34206a
```
#34206a rgb(52,32,106)
```

Analogous Color

#566a20
```
#566a20 rgb(86,106,32)
```
#20316a
```
#20316a rgb(32,49,106)
```
#6a3420
```
#6a3420 rgb(106,52,32)
```

Split Complementary Color

#316a20
```
#316a20 rgb(49,106,32)
```
#20316a
```
#20316a rgb(32,49,106)
```
#6a2031
```
#6a2031 rgb(106,32,49)
```

Triadic Color

#206a59
```
#206a59 rgb(32,106,89)
```
#20316a
```
#20316a rgb(32,49,106)
```
#6a2031
```
#6a2031 rgb(106,32,49)
```
#6a5920
```
#6a5920 rgb(106,89,32)
```

Tetradic Color

#0e162f
```
#0e162f rgb(14,22,47)
```
#141f43
```
#141f43 rgb(20,31,67)
```
#1a2856
```
#1a2856 rgb(26,40,86)
```
#20316a
```
#20316a rgb(32,49,106)
```
#263a7e
```
#263a7e rgb(38,58,126)
```
#2c4391
```
#2c4391 rgb(44,67,145)
```
#324ca5
```
#324ca5 rgb(50,76,165)
```

Monochromatic Color

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

#20446a
```
#20446a rgb(32,68,106)
```
#203d6a
```
#203d6a rgb(32,61,106)
```
#20376a
```
#20376a rgb(32,55,106)
```
#20316a
```
#20316a rgb(32,49,106)
```
#202b6a
```
#202b6a rgb(32,43,106)
```
#20256a
```
#20256a rgb(32,37,106)
```
#22206a
```
#22206a rgb(34,32,106)
```

Similar Colors

Text with hexadecimal color #20316a

This text has a font color of #20316a.

<span style="color:#20316a;">Text here</span>

#20316a background color

This paragraph has a background color of #20316a.

<p style="background-color:#20316a;">Content here</p>

#20316a border color

This element has a border color of #20316a.

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

CSS codes

.text {color:#20316a;}

.background {background-color:#20316a;}

.border {border:1px solid #20316a;}

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

#000001
```
#000001 rgb(0,0,1)
```
#050710
```
#050710 rgb(5,7,16)
```
#090e1f
```
#090e1f rgb(9,14,31)
```
#0e152e
```
#0e152e rgb(14,21,46)
```
#121c3d
```
#121c3d rgb(18,28,61)
```
#17234c
```
#17234c rgb(23,35,76)
```
#1b2a5b
```
#1b2a5b rgb(27,42,91)
```
#20316a
```
#20316a rgb(32,49,106)
```
#253879
```
#253879 rgb(37,56,121)
```
#293f88
```
#293f88 rgb(41,63,136)
```
#2e4697
```
#2e4697 rgb(46,70,151)
```
#324da6
```
#324da6 rgb(50,77,166)
```
#3754b5
```
#3754b5 rgb(55,84,181)
```

Shade Color Variation

#3c5bc4
```
#3c5bc4 rgb(60,91,196)
```
#4b68c9
```
#4b68c9 rgb(75,104,201)
```
#5a74cd
```
#5a74cd rgb(90,116,205)
```
#6981d2
```
#6981d2 rgb(105,129,210)
```
#788ed6
```
#788ed6 rgb(120,142,214)
```
#879adb
```
#879adb rgb(135,154,219)
```
#96a7df
```
#96a7df rgb(150,167,223)
```
#a5b4e4
```
#a5b4e4 rgb(165,180,228)
```
#b4c0e8
```
#b4c0e8 rgb(180,192,232)
```
#c3cded
```
#c3cded rgb(195,205,237)
```
#d2d9f2
```
#d2d9f2 rgb(210,217,242)
```
#e1e6f6
```
#e1e6f6 rgb(225,230,246)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

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

#40424a
```
#40424a rgb(64,66,74)
```
#3b3f4f
```
#3b3f4f rgb(59,63,79)
```
#353c55
```
#353c55 rgb(53,60,85)
```
#303a5a
```
#303a5a rgb(48,58,90)
```
#2b375f
```
#2b375f rgb(43,55,95)
```
#253465
```
#253465 rgb(37,52,101)
```
#20316a
```
#20316a rgb(32,49,106)
```
#1b2e6f
```
#1b2e6f rgb(27,46,111)
```
#152b75
```
#152b75 rgb(21,43,117)
```
#10287a
```
#10287a rgb(16,40,122)
```
#0b267f
```
#0b267f rgb(11,38,127)
```
#052385
```
#052385 rgb(5,35,133)
```
#00208a
```
#00208a rgb(0,32,138)
```

Tone Color Variation

Below, you can see how #20316a 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

#323232 Achromatopsia 0.005% of the population
#2e323d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b3d73 Protanopia 1% of men
#00406a Deuteranopia 1% of men
#00454a Tritanopia 0.001% of the population

Trichromacy

#1c3970 Protanomaly 1% of men, 0.01% of women
#0b3a6a Deuteranomaly 6% of men, 0.4% of women
#0b3e55 Tritanomaly 0.01% of the population

#20316a hex color

#20316a Color Information

#20316a Color Conversion

Color Schemes with #20316a

Alternatives to #20316a

#20316a Preview

Shades and Tints of #20316a

Tones of #20316a

Color Blindness Simulator