#204ac2 hex color

In a RGB color space, hex #204ac2 is composed of 12.5% red, 29% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 61.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 224.4 degrees, a saturation of 71.7% and a lightness of 44.3%. #204ac2 color hex could be obtained by blending #4094ff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 29
- B 76
RGB color chart
- C 84
- M 62
- Y 0
- K 24
CMYK color chart

● #204ac2 color description : Strong blue.

The hexadecimal color #204ac2 has RGB values of R:32, G:74, B:194 and CMYK values of C:0.84, M:0.62, Y:0, K:0.24. Its decimal value is 2116290.

Hex triplet	204ac2	`#204ac2`
RGB Decimal	32, 74, 194	`rgb(32,74,194)`
RGB Percent	12.5, 29, 76.1	`rgb(12.5%,29%,76.1%)`
CMYK	84, 62, 0, 24
HSL	224.4°, 71.7, 44.3	`hsl(224.4,71.7%,44.3%)`
HSV (or HSB)	224.4°, 83.5, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.174, 31.267, -66.495
XYZ	12.78, 9.099, 52.119
xyY	0.173, 0.123, 9.099
CIE-LCH	36.174, 73.48, 295.184
CIE-LUV	36.174, -14.376, -94.236
Hunter-Lab	30.164, 22.84, -81.329
Binary	00100000, 01001010, 11000010

#204ac2
```
#204ac2 rgb(32,74,194)
```
#c29820
```
#c29820 rgb(194,152,32)
```

Complementary Color

#209bc2
```
#209bc2 rgb(32,155,194)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#4720c2
```
#4720c2 rgb(71,32,194)
```

Analogous Color

#9bc220
```
#9bc220 rgb(155,194,32)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#c24720
```
#c24720 rgb(194,71,32)
```

Split Complementary Color

#4ac220
```
#4ac220 rgb(74,194,32)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#c2204a
```
#c2204a rgb(194,32,74)
```

Triadic Color

#20c298
```
#20c298 rgb(32,194,152)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#c2204a
```
#c2204a rgb(194,32,74)
```
#c29820
```
#c29820 rgb(194,152,32)
```

Tetradic Color

#153180
```
#153180 rgb(21,49,128)
```
#193996
```
#193996 rgb(25,57,150)
```
#1c42ac
```
#1c42ac rgb(28,66,172)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#2452d8
```
#2452d8 rgb(36,82,216)
```
#3762de
```
#3762de rgb(55,98,222)
```
#4d73e2
```
#4d73e2 rgb(77,115,226)
```

Monochromatic Color

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

#2073c2
```
#2073c2 rgb(32,115,194)
```
#2065c2
```
#2065c2 rgb(32,101,194)
```
#2058c2
```
#2058c2 rgb(32,88,194)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#203dc2
```
#203dc2 rgb(32,61,194)
```
#202fc2
```
#202fc2 rgb(32,47,194)
```
#2022c2
```
#2022c2 rgb(32,34,194)
```

Similar Colors

Text with hexadecimal color #204ac2

This text has a font color of #204ac2.

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

#204ac2 background color

This paragraph has a background color of #204ac2.

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

#204ac2 border color

This element has a border color of #204ac2.

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

CSS codes

.text {color:#204ac2;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#07102a
```
#07102a rgb(7,16,42)
```
#0a173b
```
#0a173b rgb(10,23,59)
```
#0d1d4c
```
#0d1d4c rgb(13,29,76)
```
#0f235d
```
#0f235d rgb(15,35,93)
```
#122a6e
```
#122a6e rgb(18,42,110)
```
#15307f
```
#15307f rgb(21,48,127)
```
#18378f
```
#18378f rgb(24,55,143)
```
#1a3da0
```
#1a3da0 rgb(26,61,160)
```
#1d44b1
```
#1d44b1 rgb(29,68,177)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#2350d3
```
#2350d3 rgb(35,80,211)
```

Shade Color Variation

#2d5adc
```
#2d5adc rgb(45,90,220)
```
#3e68df
```
#3e68df rgb(62,104,223)
```
#4f75e2
```
#4f75e2 rgb(79,117,226)
```
#5f82e5
```
#5f82e5 rgb(95,130,229)
```
#708fe7
```
#708fe7 rgb(112,143,231)
```
#819cea
```
#819cea rgb(129,156,234)
```
#92aaed
```
#92aaed rgb(146,170,237)
```
#a3b7f0
```
#a3b7f0 rgb(163,183,240)
```
#b4c4f3
```
#b4c4f3 rgb(180,196,243)
```
#c4d1f5
```
#c4d1f5 rgb(196,209,245)
```
#d5def8
```
#d5def8 rgb(213,222,248)
```
#e6ebfb
```
#e6ebfb rgb(230,235,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#6e7074
```
#6e7074 rgb(110,112,116)
```
#666b7c
```
#666b7c rgb(102,107,124)
```
#5d6785
```
#5d6785 rgb(93,103,133)
```
#54638e
```
#54638e rgb(84,99,142)
```
#4b5f97
```
#4b5f97 rgb(75,95,151)
```
#435b9f
```
#435b9f rgb(67,91,159)
```
#3a57a8
```
#3a57a8 rgb(58,87,168)
```
#3152b1
```
#3152b1 rgb(49,82,177)
```
#294eb9
```
#294eb9 rgb(41,78,185)
```
#204ac2
```
#204ac2 rgb(32,74,194)
```
#1746cb
```
#1746cb rgb(23,70,203)
```
#0f42d3
```
#0f42d3 rgb(15,66,211)
```
#063ddc
```
#063ddc rgb(6,61,220)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424b63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0b54b7 Protanomaly 1% of men, 0.01% of women
#0b58a9 Deuteranomaly 6% of men, 0.4% of women
#0b5c8b Tritanomaly 0.01% of the population

#204ac2 hex color

#204ac2 Color Information

#204ac2 Color Conversion

Color Schemes with #204ac2

Alternatives to #204ac2

#204ac2 Preview

Shades and Tints of #204ac2

Tones of #204ac2

Color Blindness Simulator