#204ec0 hex color

In a RGB color space, hex #204ec0 is composed of 12.5% red, 30.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 59.4% magenta, 0% yellow and 24.7% black. It has a hue angle of 222.8 degrees, a saturation of 71.4% and a lightness of 43.9%. #204ec0 color hex could be obtained by blending #409cff with #000081. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 31
- B 75
RGB color chart
- C 83
- M 59
- Y 0
- K 25
CMYK color chart

● #204ec0 color description : Strong blue.

The hexadecimal color #204ec0 has RGB values of R:32, G:78, B:192 and CMYK values of C:0.83, M:0.59, Y:0, K:0.25. Its decimal value is 2117312.

Hex triplet	204ec0	`#204ec0`
RGB Decimal	32, 78, 192	`rgb(32,78,192)`
RGB Percent	12.5, 30.6, 75.3	`rgb(12.5%,30.6%,75.3%)`
CMYK	83, 59, 0, 25
HSL	222.8°, 71.4, 43.9	`hsl(222.8,71.4%,43.9%)`
HSV (or HSB)	222.8°, 83.3, 75.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.042, 27.874, -63.906
XYZ	12.832, 9.561, 51.035
xyY	0.175, 0.13, 9.561
CIE-LCH	37.042, 69.721, 293.566
CIE-LUV	37.042, -15.366, -91.583
Hunter-Lab	30.92, 19.97, -76.217
Binary	00100000, 01001110, 11000000

#204ec0
```
#204ec0 rgb(32,78,192)
```
#c09220
```
#c09220 rgb(192,146,32)
```

Complementary Color

#209ec0
```
#209ec0 rgb(32,158,192)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#4220c0
```
#4220c0 rgb(66,32,192)
```

Analogous Color

#9ec020
```
#9ec020 rgb(158,192,32)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#c04220
```
#c04220 rgb(192,66,32)
```

Split Complementary Color

#4ec020
```
#4ec020 rgb(78,192,32)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#c0204e
```
#c0204e rgb(192,32,78)
```

Triadic Color

#20c092
```
#20c092 rgb(32,192,146)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#c0204e
```
#c0204e rgb(192,32,78)
```
#c09220
```
#c09220 rgb(192,146,32)
```

Tetradic Color

#15337e
```
#15337e rgb(21,51,126)
```
#193c94
```
#193c94 rgb(25,60,148)
```
#1c45aa
```
#1c45aa rgb(28,69,170)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#2457d6
```
#2457d6 rgb(36,87,214)
```
#3666dd
```
#3666dd rgb(54,102,221)
```
#4b76e1
```
#4b76e1 rgb(75,118,225)
```

Monochromatic Color

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

#2076c0
```
#2076c0 rgb(32,118,192)
```
#2069c0
```
#2069c0 rgb(32,105,192)
```
#205bc0
```
#205bc0 rgb(32,91,192)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#2041c0
```
#2041c0 rgb(32,65,192)
```
#2033c0
```
#2033c0 rgb(32,51,192)
```
#2026c0
```
#2026c0 rgb(32,38,192)
```

Similar Colors

Text with hexadecimal color #204ec0

This text has a font color of #204ec0.

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

#204ec0 background color

This paragraph has a background color of #204ec0.

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

#204ec0 border color

This element has a border color of #204ec0.

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

CSS codes

.text {color:#204ec0;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040a18
```
#040a18 rgb(4,10,24)
```
#071129
```
#071129 rgb(7,17,41)
```
#0a1739
```
#0a1739 rgb(10,23,57)
```
#0c1e4a
```
#0c1e4a rgb(12,30,74)
```
#0f255b
```
#0f255b rgb(15,37,91)
```
#122c6c
```
#122c6c rgb(18,44,108)
```
#15337d
```
#15337d rgb(21,51,125)
```
#183a8e
```
#183a8e rgb(24,58,142)
```
#1a409e
```
#1a409e rgb(26,64,158)
```
#1d47af
```
#1d47af rgb(29,71,175)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#2355d1
```
#2355d1 rgb(35,85,209)
```

Shade Color Variation

#2b5edc
```
#2b5edc rgb(43,94,220)
```
#3c6bdf
```
#3c6bdf rgb(60,107,223)
```
#4d78e1
```
#4d78e1 rgb(77,120,225)
```
#5e85e4
```
#5e85e4 rgb(94,133,228)
```
#6f91e7
```
#6f91e7 rgb(111,145,231)
```
#809eea
```
#809eea rgb(128,158,234)
```
#90abed
```
#90abed rgb(144,171,237)
```
#a1b8ef
```
#a1b8ef rgb(161,184,239)
```
#b2c4f2
```
#b2c4f2 rgb(178,196,242)
```
#c3d1f5
```
#c3d1f5 rgb(195,209,245)
```
#d4def8
```
#d4def8 rgb(212,222,248)
```
#e4ebfb
```
#e4ebfb rgb(228,235,251)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#6e6f72
```
#6e6f72 rgb(110,111,114)
```
#656b7b
```
#656b7b rgb(101,107,123)
```
#5c6884
```
#5c6884 rgb(92,104,132)
```
#54648c
```
#54648c rgb(84,100,140)
```
#4b6095
```
#4b6095 rgb(75,96,149)
```
#425d9e
```
#425d9e rgb(66,93,158)
```
#3a59a6
```
#3a59a6 rgb(58,89,166)
```
#3155af
```
#3155af rgb(49,85,175)
```
#2952b7
```
#2952b7 rgb(41,82,183)
```
#204ec0
```
#204ec0 rgb(32,78,192)
```
#174ac9
```
#174ac9 rgb(23,74,201)
```
#0f47d1
```
#0f47d1 rgb(15,71,209)
```
#0643da
```
#0643da rgb(6,67,218)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#0b57b9 Protanomaly 1% of men, 0.01% of women
#0b5aaa Deuteranomaly 6% of men, 0.4% of women
#0b5f8c Tritanomaly 0.01% of the population

#204ec0 hex color

#204ec0 Color Information

#204ec0 Color Conversion

Color Schemes with #204ec0

Alternatives to #204ec0

#204ec0 Preview

Shades and Tints of #204ec0

Tones of #204ec0

Color Blindness Simulator