#20304c hex color

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

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

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

The hexadecimal color #20304c has RGB values of R:32, G:48, B:76 and CMYK values of C:0.58, M:0.37, Y:0, K:0.7. Its decimal value is 2109516.

Hex triplet	20304c	`#20304c`
RGB Decimal	32, 48, 76	`rgb(32,48,76)`
RGB Percent	12.5, 18.8, 29.8	`rgb(12.5%,18.8%,29.8%)`
CMYK	58, 37, 0, 70
HSL	218.2°, 40.7, 21.2	`hsl(218.2,40.7%,21.2%)`
HSV (or HSB)	218.2°, 57.9, 29.8
Web Safe	333333	`#333333`

CIE-LAB	19.813, 2.888, -19.314
XYZ	2.957, 2.943, 7.249
xyY	0.225, 0.224, 2.943
CIE-LCH	19.813, 19.529, 278.505
CIE-LUV	19.813, -6.707, -21.544
Hunter-Lab	17.154, 0.748, -13.048
Binary	00100000, 00110000, 01001100

#20304c
```
#20304c rgb(32,48,76)
```
#4c3c20
```
#4c3c20 rgb(76,60,32)
```

Complementary Color

#20464c
```
#20464c rgb(32,70,76)
```
#20304c
```
#20304c rgb(32,48,76)
```
#26204c
```
#26204c rgb(38,32,76)
```

Analogous Color

#464c20
```
#464c20 rgb(70,76,32)
```
#20304c
```
#20304c rgb(32,48,76)
```
#4c2620
```
#4c2620 rgb(76,38,32)
```

Split Complementary Color

#304c20
```
#304c20 rgb(48,76,32)
```
#20304c
```
#20304c rgb(32,48,76)
```
#4c2030
```
#4c2030 rgb(76,32,48)
```

Triadic Color

#204c3c
```
#204c3c rgb(32,76,60)
```
#20304c
```
#20304c rgb(32,48,76)
```
#4c2030
```
#4c2030 rgb(76,32,48)
```
#4c3c20
```
#4c3c20 rgb(76,60,32)
```

Tetradic Color

#090e16
```
#090e16 rgb(9,14,22)
```
#111928
```
#111928 rgb(17,25,40)
```
#18253a
```
#18253a rgb(24,37,58)
```
#20304c
```
#20304c rgb(32,48,76)
```
#283b5e
```
#283b5e rgb(40,59,94)
```
#2f4770
```
#2f4770 rgb(47,71,112)
```
#375282
```
#375282 rgb(55,82,130)
```

Monochromatic Color

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

#203b4c
```
#203b4c rgb(32,59,76)
```
#20374c
```
#20374c rgb(32,55,76)
```
#20344c
```
#20344c rgb(32,52,76)
```
#20304c
```
#20304c rgb(32,48,76)
```
#202c4c
```
#202c4c rgb(32,44,76)
```
#20294c
```
#20294c rgb(32,41,76)
```
#20254c
```
#20254c rgb(32,37,76)
```

Similar Colors

Text with hexadecimal color #20304c

This text has a font color of #20304c.

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

#20304c background color

This paragraph has a background color of #20304c.

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

#20304c border color

This element has a border color of #20304c.

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

CSS codes

.text {color:#20304c;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0f1623
```
#0f1623 rgb(15,22,35)
```
#141f30
```
#141f30 rgb(20,31,48)
```
#1a273e
```
#1a273e rgb(26,39,62)
```
#20304c
```
#20304c rgb(32,48,76)
```
#26395a
```
#26395a rgb(38,57,90)
```
#2c4168
```
#2c4168 rgb(44,65,104)
```
#314a75
```
#314a75 rgb(49,74,117)
```
#375383
```
#375383 rgb(55,83,131)
```
#3d5c91
```
#3d5c91 rgb(61,92,145)
```
#43649f
```
#43649f rgb(67,100,159)
```
#496dad
```
#496dad rgb(73,109,173)
```

Shade Color Variation

#5377b6
```
#5377b6 rgb(83,119,182)
```
#6082bc
```
#6082bc rgb(96,130,188)
```
#6e8dc2
```
#6e8dc2 rgb(110,141,194)
```
#7c98c8
```
#7c98c8 rgb(124,152,200)
```
#8aa2ce
```
#8aa2ce rgb(138,162,206)
```
#98add3
```
#98add3 rgb(152,173,211)
```
#a5b8d9
```
#a5b8d9 rgb(165,184,217)
```
#b3c3df
```
#b3c3df rgb(179,195,223)
```
#c1cee5
```
#c1cee5 rgb(193,206,229)
```
#cfd9eb
```
#cfd9eb rgb(207,217,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 #032869 is the most saturated one.

#353637
```
#353637 rgb(53,54,55)
```
#31353b
```
#31353b rgb(49,53,59)
```
#2c3340
```
#2c3340 rgb(44,51,64)
```
#283244
```
#283244 rgb(40,50,68)
```
#243148
```
#243148 rgb(36,49,72)
```
#20304c
```
#20304c rgb(32,48,76)
```
#1c2f50
```
#1c2f50 rgb(28,47,80)
```
#182e54
```
#182e54 rgb(24,46,84)
```
#142d58
```
#142d58 rgb(20,45,88)
```
#0f2b5d
```
#0f2b5d rgb(15,43,93)
```
#0b2a61
```
#0b2a61 rgb(11,42,97)
```
#072965
```
#072965 rgb(7,41,101)
```
#032869
```
#032869 rgb(3,40,105)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2b2e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#303954 Protanopia 1% of men
#2c3a55 Deuteranopia 1% of men
#233e43 Tritanopia 0.001% of the population

Trichromacy

#2a3651 Protanomaly 1% of men, 0.01% of women
#283652 Deuteranomaly 6% of men, 0.4% of women
#223946 Tritanomaly 0.01% of the population

#20304c hex color

#20304c Color Information

#20304c Color Conversion

Color Schemes with #20304c

Alternatives to #20304c

#20304c Preview

Shades and Tints of #20304c

Tones of #20304c

Color Blindness Simulator