#204ba2 hex color

In a RGB color space, hex #204ba2 is composed of 12.5% red, 29.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 53.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 220.2 degrees, a saturation of 67% and a lightness of 38%. #204ba2 color hex could be obtained by blending #4096ff with #000045. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 29
- B 64
RGB color chart
- C 80
- M 54
- Y 0
- K 36
CMYK color chart

● #204ba2 color description : Dark blue.

The hexadecimal color #204ba2 has RGB values of R:32, G:75, B:162 and CMYK values of C:0.8, M:0.54, Y:0, K:0.36. Its decimal value is 2116514.

Hex triplet	204ba2	`#204ba2`
RGB Decimal	32, 75, 162	`rgb(32,75,162)`
RGB Percent	12.5, 29.4, 63.5	`rgb(12.5%,29.4%,63.5%)`
CMYK	80, 54, 0, 36
HSL	220.2°, 67, 38	`hsl(220.2,67%,38%)`
HSV (or HSB)	220.2°, 80.2, 63.5
Web Safe	333399	`#333399`

CIE-LAB	33.873, 18.142, -51.286
XYZ	9.632, 7.947, 35.207
xyY	0.182, 0.151, 7.947
CIE-LCH	33.873, 54.4, 289.481
CIE-LUV	33.873, -14.758, -71.897
Hunter-Lab	28.191, 11.655, -54.313
Binary	00100000, 01001011, 10100010

#204ba2
```
#204ba2 rgb(32,75,162)
```
#a27720
```
#a27720 rgb(162,119,32)
```

Complementary Color

#208ca2
```
#208ca2 rgb(32,140,162)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#3620a2
```
#3620a2 rgb(54,32,162)
```

Analogous Color

#8ca220
```
#8ca220 rgb(140,162,32)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#a23620
```
#a23620 rgb(162,54,32)
```

Split Complementary Color

#4ba220
```
#4ba220 rgb(75,162,32)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#a2204b
```
#a2204b rgb(162,32,75)
```

Triadic Color

#20a277
```
#20a277 rgb(32,162,119)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#a2204b
```
#a2204b rgb(162,32,75)
```
#a27720
```
#a27720 rgb(162,119,32)
```

Tetradic Color

#132d62
```
#132d62 rgb(19,45,98)
```
#183777
```
#183777 rgb(24,55,119)
```
#1c418d
```
#1c418d rgb(28,65,141)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#2455b7
```
#2455b7 rgb(36,85,183)
```
#285fcd
```
#285fcd rgb(40,95,205)
```
#376cd7
```
#376cd7 rgb(55,108,215)
```

Monochromatic Color

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

#206ca2
```
#206ca2 rgb(32,108,162)
```
#2061a2
```
#2061a2 rgb(32,97,162)
```
#2056a2
```
#2056a2 rgb(32,86,162)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#2040a2
```
#2040a2 rgb(32,64,162)
```
#2035a2
```
#2035a2 rgb(32,53,162)
```
#202ba2
```
#202ba2 rgb(32,43,162)
```

Similar Colors

Text with hexadecimal color #204ba2

This text has a font color of #204ba2.

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

#204ba2 background color

This paragraph has a background color of #204ba2.

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

#204ba2 border color

This element has a border color of #204ba2.

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

CSS codes

.text {color:#204ba2;}

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

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

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, #03070f is the darkest color, while #fdfeff is the lightest one.

#03070f
```
#03070f rgb(3,7,15)
```
#060e1f
```
#060e1f rgb(6,14,31)
```
#09162f
```
#09162f rgb(9,22,47)
```
#0d1e40
```
#0d1e40 rgb(13,30,64)
```
#102550
```
#102550 rgb(16,37,80)
```
#132d60
```
#132d60 rgb(19,45,96)
```
#163471
```
#163471 rgb(22,52,113)
```
#1a3c81
```
#1a3c81 rgb(26,60,129)
```
#1d4392
```
#1d4392 rgb(29,67,146)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#2353b2
```
#2353b2 rgb(35,83,178)
```
#265ac3
```
#265ac3 rgb(38,90,195)
```
#2a62d3
```
#2a62d3 rgb(42,98,211)
```

Shade Color Variation

#396dd8
```
#396dd8 rgb(57,109,216)
```
#4979db
```
#4979db rgb(73,121,219)
```
#5985de
```
#5985de rgb(89,133,222)
```
#6a91e2
```
#6a91e2 rgb(106,145,226)
```
#7a9de5
```
#7a9de5 rgb(122,157,229)
```
#8ba9e8
```
#8ba9e8 rgb(139,169,232)
```
#9bb5eb
```
#9bb5eb rgb(155,181,235)
```
#abc2ee
```
#abc2ee rgb(171,194,238)
```
#bccef2
```
#bccef2 rgb(188,206,242)
```
#ccdaf5
```
#ccdaf5 rgb(204,218,245)
```
#dce6f8
```
#dce6f8 rgb(220,230,248)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5c5f66
```
#5c5f66 rgb(92,95,102)
```
#545d6e
```
#545d6e rgb(84,93,110)
```
#4d5a75
```
#4d5a75 rgb(77,90,117)
```
#45587d
```
#45587d rgb(69,88,125)
```
#3e5584
```
#3e5584 rgb(62,85,132)
```
#36538c
```
#36538c rgb(54,83,140)
```
#2f5093
```
#2f5093 rgb(47,80,147)
```
#274e9b
```
#274e9b rgb(39,78,155)
```
#204ba2
```
#204ba2 rgb(32,75,162)
```
#1948a9
```
#1948a9 rgb(25,72,169)
```
#1146b1
```
#1146b1 rgb(17,70,177)
```
#0a43b8
```
#0a43b8 rgb(10,67,184)
```
#0241c0
```
#0241c0 rgb(2,65,192)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#40495a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d55a8 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1451a6 Protanomaly 1% of men, 0.01% of women
#0b5499 Deuteranomaly 6% of men, 0.4% of women
#0b597c Tritanomaly 0.01% of the population

#204ba2 hex color

#204ba2 Color Information

#204ba2 Color Conversion

Color Schemes with #204ba2

Alternatives to #204ba2

#204ba2 Preview

Shades and Tints of #204ba2

Tones of #204ba2

Color Blindness Simulator