colorhexa.com

#204bc1 hex color

In a RGB color space, hex #204bc1 is composed of 12.5% red, 29.4% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 61.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 224 degrees, a saturation of 71.6% and a lightness of 44.1%. #204bc1 color hex could be obtained by blending #4096ff with #000083. Closest websafe color is: #3333cc.

- R 13
- G 29
- B 76
RGB color chart
- C 83
- M 61
- Y 0
- K 24
CMYK color chart

● #204bc1 color description : Strong blue.

The hexadecimal color #204bc1 has RGB values of R:32, G:75, B:193 and CMYK values of C:0.83, M:0.61, Y:0, K:0.24. Its decimal value is 2116545.

Hex triplet	204bc1	`#204bc1`
RGB Decimal	32, 75, 193	`rgb(32,75,193)`
RGB Percent	12.5, 29.4, 75.7	`rgb(12.5%,29.4%,75.7%)`
CMYK	83, 61, 0, 24
HSL	224°, 71.6, 44.1	`hsl(224,71.6%,44.1%)`
HSV (or HSB)	224°, 83.4, 75.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.345, 30.231, -65.63
XYZ	12.735, 9.189, 51.552
xyY	0.173, 0.125, 9.189
CIE-LCH	36.345, 72.259, 294.732
CIE-LUV	36.345, -14.618, -93.265
Hunter-Lab	30.313, 21.947, -79.614
Binary	00100000, 01001011, 11000001

#204bc1
```
#204bc1 rgb(32,75,193)
```
#c19620
```
#c19620 rgb(193,150,32)
```

Complementary Color

#209cc1
```
#209cc1 rgb(32,156,193)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#4520c1
```
#4520c1 rgb(69,32,193)
```

Analogous Color

#9cc120
```
#9cc120 rgb(156,193,32)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#c14520
```
#c14520 rgb(193,69,32)
```

Split Complementary Color

#4bc120
```
#4bc120 rgb(75,193,32)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#c1204b
```
#c1204b rgb(193,32,75)
```

Triadic Color

#20c196
```
#20c196 rgb(32,193,150)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#c1204b
```
#c1204b rgb(193,32,75)
```
#c19620
```
#c19620 rgb(193,150,32)
```

Tetradic Color

#15327f
```
#15327f rgb(21,50,127)
```
#193a95
```
#193a95 rgb(25,58,149)
```
#1c43ab
```
#1c43ab rgb(28,67,171)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#2454d7
```
#2454d7 rgb(36,84,215)
```
#3663de
```
#3663de rgb(54,99,222)
```
#4c74e1
```
#4c74e1 rgb(76,116,225)
```

Monochromatic Color

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

#2073c1
```
#2073c1 rgb(32,115,193)
```
#2066c1
```
#2066c1 rgb(32,102,193)
```
#2058c1
```
#2058c1 rgb(32,88,193)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#203ec1
```
#203ec1 rgb(32,62,193)
```
#2030c1
```
#2030c1 rgb(32,48,193)
```
#2023c1
```
#2023c1 rgb(32,35,193)
```

Similar Colors

Text with hexadecimal color #204bc1

This text has a font color of #204bc1.

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

#204bc1 background color

This paragraph has a background color of #204bc1.

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

#204bc1 border color

This element has a border color of #204bc1.

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

CSS codes

.text {color:#204bc1;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040a19
```
#040a19 rgb(4,10,25)
```
#07102a
```
#07102a rgb(7,16,42)
```
#0a173a
```
#0a173a rgb(10,23,58)
```
#0c1d4b
```
#0c1d4b rgb(12,29,75)
```
#0f245c
```
#0f245c rgb(15,36,92)
```
#122a6d
```
#122a6d rgb(18,42,109)
```
#15317e
```
#15317e rgb(21,49,126)
```
#18378f
```
#18378f rgb(24,55,143)
```
#1a3e9f
```
#1a3e9f rgb(26,62,159)
```
#1d44b0
```
#1d44b0 rgb(29,68,176)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#2352d2
```
#2352d2 rgb(35,82,210)
```

Shade Color Variation

#2c5bdc
```
#2c5bdc rgb(44,91,220)
```
#3d68df
```
#3d68df rgb(61,104,223)
```
#4e75e2
```
#4e75e2 rgb(78,117,226)
```
#5f82e4
```
#5f82e4 rgb(95,130,228)
```
#6f8fe7
```
#6f8fe7 rgb(111,143,231)
```
#809dea
```
#809dea rgb(128,157,234)
```
#91aaed
```
#91aaed rgb(145,170,237)
```
#a2b7f0
```
#a2b7f0 rgb(162,183,240)
```
#b3c4f2
```
#b3c4f2 rgb(179,196,242)
```
#c4d1f5
```
#c4d1f5 rgb(196,209,245)
```
#d4def8
```
#d4def8 rgb(212,222,248)
```
#e5ebfb
```
#e5ebfb rgb(229,235,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#6e6f73
```
#6e6f73 rgb(110,111,115)
```
#656b7c
```
#656b7c rgb(101,107,124)
```
#5d6784
```
#5d6784 rgb(93,103,132)
```
#54638d
```
#54638d rgb(84,99,141)
```
#4b5f96
```
#4b5f96 rgb(75,95,150)
```
#435b9e
```
#435b9e rgb(67,91,158)
```
#3a57a7
```
#3a57a7 rgb(58,87,167)
```
#3153b0
```
#3153b0 rgb(49,83,176)
```
#294fb8
```
#294fb8 rgb(41,79,184)
```
#204bc1
```
#204bc1 rgb(32,75,193)
```
#1747ca
```
#1747ca rgb(23,71,202)
```
#0f43d2
```
#0f43d2 rgb(15,67,210)
```
#063fdb
```
#063fdb rgb(6,63,219)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#434c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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