#20316b hex color

In a RGB color space, hex #20316b is composed of 12.5% red, 19.2% green and 42% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 54.2% magenta, 0% yellow and 58% black. It has a hue angle of 226.4 degrees, a saturation of 54% and a lightness of 27.3%. #20316b color hex could be obtained by blending #4062d6 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

● #20316b color description : Very dark blue.

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

Hex triplet	20316b	`#20316b`
RGB Decimal	32, 49, 107	`rgb(32,49,107)`
RGB Percent	12.5, 19.2, 42	`rgb(12.5%,19.2%,42%)`
CMYK	70, 54, 0, 58
HSL	226.4°, 54, 27.3	`hsl(226.4,54%,27.3%)`
HSV (or HSB)	226.4°, 70.1, 42
Web Safe	333366	`#333366`

CIE-LAB	22.178, 14.252, -35.999
XYZ	4.347, 3.565, 14.368
xyY	0.195, 0.16, 3.565
CIE-LCH	22.178, 38.717, 291.599
CIE-LUV	22.178, -7.365, -43.371
Hunter-Lab	18.881, 8.056, -31.902
Binary	00100000, 00110001, 01101011

#20316b
```
#20316b rgb(32,49,107)
```
#6b5a20
```
#6b5a20 rgb(107,90,32)
```

Complementary Color

#20576b
```
#20576b rgb(32,87,107)
```
#20316b
```
#20316b rgb(32,49,107)
```
#35206b
```
#35206b rgb(53,32,107)
```

Analogous Color

#576b20
```
#576b20 rgb(87,107,32)
```
#20316b
```
#20316b rgb(32,49,107)
```
#6b3520
```
#6b3520 rgb(107,53,32)
```

Split Complementary Color

#316b20
```
#316b20 rgb(49,107,32)
```
#20316b
```
#20316b rgb(32,49,107)
```
#6b2031
```
#6b2031 rgb(107,32,49)
```

Triadic Color

#206b5a
```
#206b5a rgb(32,107,90)
```
#20316b
```
#20316b rgb(32,49,107)
```
#6b2031
```
#6b2031 rgb(107,32,49)
```
#6b5a20
```
#6b5a20 rgb(107,90,32)
```

Tetradic Color

#0e1630
```
#0e1630 rgb(14,22,48)
```
#141f44
```
#141f44 rgb(20,31,68)
```
#1a2857
```
#1a2857 rgb(26,40,87)
```
#20316b
```
#20316b rgb(32,49,107)
```
#263a7f
```
#263a7f rgb(38,58,127)
```
#2c4392
```
#2c4392 rgb(44,67,146)
```
#324ca6
```
#324ca6 rgb(50,76,166)
```

Monochromatic Color

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

#20446b
```
#20446b rgb(32,68,107)
```
#203e6b
```
#203e6b rgb(32,62,107)
```
#20376b
```
#20376b rgb(32,55,107)
```
#20316b
```
#20316b rgb(32,49,107)
```
#202b6b
```
#202b6b rgb(32,43,107)
```
#20256b
```
#20256b rgb(32,37,107)
```
#22206b
```
#22206b rgb(34,32,107)
```

Similar Colors

Text with hexadecimal color #20316b

This text has a font color of #20316b.

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

#20316b background color

This paragraph has a background color of #20316b.

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

#20316b border color

This element has a border color of #20316b.

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

CSS codes

.text {color:#20316b;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050810
```
#050810 rgb(5,8,16)
```
#090e20
```
#090e20 rgb(9,14,32)
```
#0e152f
```
#0e152f rgb(14,21,47)
```
#121c3e
```
#121c3e rgb(18,28,62)
```
#17234d
```
#17234d rgb(23,35,77)
```
#1b2a5c
```
#1b2a5c rgb(27,42,92)
```
#20316b
```
#20316b rgb(32,49,107)
```
#25387a
```
#25387a rgb(37,56,122)
```
#293f89
```
#293f89 rgb(41,63,137)
```
#2e4698
```
#2e4698 rgb(46,70,152)
```
#324da7
```
#324da7 rgb(50,77,167)
```
#3754b6
```
#3754b6 rgb(55,84,182)
```

Shade Color Variation

#3c5bc5
```
#3c5bc5 rgb(60,91,197)
```
#4b68c9
```
#4b68c9 rgb(75,104,201)
```
#5a74ce
```
#5a74ce rgb(90,116,206)
```
#6981d2
```
#6981d2 rgb(105,129,210)
```
#788ed7
```
#788ed7 rgb(120,142,215)
```
#889adb
```
#889adb rgb(136,154,219)
```
#97a7e0
```
#97a7e0 rgb(151,167,224)
```
#a6b4e4
```
#a6b4e4 rgb(166,180,228)
```
#b5c1e9
```
#b5c1e9 rgb(181,193,233)
```
#c4cded
```
#c4cded rgb(196,205,237)
```
#d3daf2
```
#d3daf2 rgb(211,218,242)
```
#e2e7f6
```
#e2e7f6 rgb(226,231,246)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#454546
```
#454546 rgb(69,69,70)
```
#40434b
```
#40434b rgb(64,67,75)
```
#3b4050
```
#3b4050 rgb(59,64,80)
```
#353d56
```
#353d56 rgb(53,61,86)
```
#303a5b
```
#303a5b rgb(48,58,91)
```
#2b3760
```
#2b3760 rgb(43,55,96)
```
#253466
```
#253466 rgb(37,52,102)
```
#20316b
```
#20316b rgb(32,49,107)
```
#1b2e70
```
#1b2e70 rgb(27,46,112)
```
#152b76
```
#152b76 rgb(21,43,118)
```
#10287b
```
#10287b rgb(16,40,123)
```
#0b2580
```
#0b2580 rgb(11,37,128)
```
#052286
```
#052286 rgb(5,34,134)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f333e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1b3971 Protanomaly 1% of men, 0.01% of women
#0b3b6a Deuteranomaly 6% of men, 0.4% of women
#0b3e56 Tritanomaly 0.01% of the population

#20316b hex color

#20316b Color Information

#20316b Color Conversion

Color Schemes with #20316b

Alternatives to #20316b

#20316b Preview

Shades and Tints of #20316b

Tones of #20316b

Color Blindness Simulator