#204c96 hex color

In a RGB color space, hex #204c96 is composed of 12.5% red, 29.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 49.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 217.6 degrees, a saturation of 64.8% and a lightness of 35.7%. #204c96 color hex could be obtained by blending #4098ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 30
- B 59
RGB color chart
- C 79
- M 49
- Y 0
- K 41
CMYK color chart

● #204c96 color description : Dark blue.

The hexadecimal color #204c96 has RGB values of R:32, G:76, B:150 and CMYK values of C:0.79, M:0.49, Y:0, K:0.41. Its decimal value is 2116758.

Hex triplet	204c96	`#204c96`
RGB Decimal	32, 76, 150	`rgb(32,76,150)`
RGB Percent	12.5, 29.8, 58.8	`rgb(12.5%,29.8%,58.8%)`
CMYK	79, 49, 0, 41
HSL	217.6°, 64.8, 35.7	`hsl(217.6,64.8%,35.7%)`
HSV (or HSB)	217.6°, 78.7, 58.8
Web Safe	333399	`#333399`

CIE-LAB	33.302, 12.69, -44.961
XYZ	8.684, 7.677, 29.877
xyY	0.188, 0.166, 7.677
CIE-LCH	33.302, 46.717, 285.762
CIE-LUV	33.302, -15.206, -62.627
Hunter-Lab	27.708, 7.455, -44.535
Binary	00100000, 01001100, 10010110

#204c96
```
#204c96 rgb(32,76,150)
```
#966a20
```
#966a20 rgb(150,106,32)
```

Complementary Color

#208796
```
#208796 rgb(32,135,150)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#2f2096
```
#2f2096 rgb(47,32,150)
```

Analogous Color

#879620
```
#879620 rgb(135,150,32)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#962f20
```
#962f20 rgb(150,47,32)
```

Split Complementary Color

#4c9620
```
#4c9620 rgb(76,150,32)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#96204c
```
#96204c rgb(150,32,76)
```

Triadic Color

#20966a
```
#20966a rgb(32,150,106)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#96204c
```
#96204c rgb(150,32,76)
```
#966a20
```
#966a20 rgb(150,106,32)
```

Tetradic Color

#132c57
```
#132c57 rgb(19,44,87)
```
#17376c
```
#17376c rgb(23,55,108)
```
#1c4181
```
#1c4181 rgb(28,65,129)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#2457ab
```
#2457ab rgb(36,87,171)
```
#2961c0
```
#2961c0 rgb(41,97,192)
```
#306dd3
```
#306dd3 rgb(48,109,211)
```

Monochromatic Color

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

#206a96
```
#206a96 rgb(32,106,150)
```
#206096
```
#206096 rgb(32,96,150)
```
#205696
```
#205696 rgb(32,86,150)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#204296
```
#204296 rgb(32,66,150)
```
#203896
```
#203896 rgb(32,56,150)
```
#202f96
```
#202f96 rgb(32,47,150)
```

Similar Colors

Text with hexadecimal color #204c96

This text has a font color of #204c96.

<span style="color:#204c96;">Text here</span>

#204c96 background color

This paragraph has a background color of #204c96.

<p style="background-color:#204c96;">Content here</p>

#204c96 border color

This element has a border color of #204c96.

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

CSS codes

.text {color:#204c96;}

.background {background-color:#204c96;}

.border {border:1px solid #204c96;}

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

#010205
```
#010205 rgb(1,2,5)
```
#040a15
```
#040a15 rgb(4,10,21)
```
#081325
```
#081325 rgb(8,19,37)
```
#0b1b35
```
#0b1b35 rgb(11,27,53)
```
#0f2345
```
#0f2345 rgb(15,35,69)
```
#122b55
```
#122b55 rgb(18,43,85)
```
#163366
```
#163366 rgb(22,51,102)
```
#193c76
```
#193c76 rgb(25,60,118)
```
#1d4486
```
#1d4486 rgb(29,68,134)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#2354a6
```
#2354a6 rgb(35,84,166)
```
#275cb6
```
#275cb6 rgb(39,92,182)
```
#2a65c6
```
#2a65c6 rgb(42,101,198)
```

Shade Color Variation

#316ed3
```
#316ed3 rgb(49,110,211)
```
#4279d7
```
#4279d7 rgb(66,121,215)
```
#5285da
```
#5285da rgb(82,133,218)
```
#6290dd
```
#6290dd rgb(98,144,221)
```
#729be1
```
#729be1 rgb(114,155,225)
```
#82a7e4
```
#82a7e4 rgb(130,167,228)
```
#92b2e8
```
#92b2e8 rgb(146,178,232)
```
#a3beeb
```
#a3beeb rgb(163,190,235)
```
#b3c9ef
```
#b3c9ef rgb(179,201,239)
```
#c3d4f2
```
#c3d4f2 rgb(195,212,242)
```
#d3e0f6
```
#d3e0f6 rgb(211,224,246)
```
#e3ebf9
```
#e3ebf9 rgb(227,235,249)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#585a5e
```
#585a5e rgb(88,90,94)
```
#515865
```
#515865 rgb(81,88,101)
```
#4a576c
```
#4a576c rgb(74,87,108)
```
#435573
```
#435573 rgb(67,85,115)
```
#3c537a
```
#3c537a rgb(60,83,122)
```
#355181
```
#355181 rgb(53,81,129)
```
#2e5088
```
#2e5088 rgb(46,80,136)
```
#274e8f
```
#274e8f rgb(39,78,143)
```
#204c96
```
#204c96 rgb(32,76,150)
```
#194a9d
```
#194a9d rgb(25,74,157)
```
#1248a4
```
#1248a4 rgb(18,72,164)
```
#0b47ab
```
#0b47ab rgb(11,71,171)
```
#0445b2
```
#0445b2 rgb(4,69,178)
```

Tone Color Variation

Below, you can see how #204c96 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

#474747 Achromatopsia 0.005% of the population
#3f4857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d559b Protanopia 1% of men
#005993 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#285199 Protanomaly 1% of men, 0.01% of women
#0b5494 Deuteranomaly 6% of men, 0.4% of women
#0b5877 Tritanomaly 0.01% of the population

#204c96 hex color

#204c96 Color Information

#204c96 Color Conversion

Color Schemes with #204c96

Alternatives to #204c96

#204c96 Preview

Shades and Tints of #204c96

Tones of #204c96

Color Blindness Simulator