#204cf2 hex color

In a RGB color space, hex #204cf2 is composed of 12.5% red, 29.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 68.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 227.4 degrees, a saturation of 89% and a lightness of 53.7%. #204cf2 color hex could be obtained by blending #4098ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 30
- B 95
RGB color chart
- C 87
- M 69
- Y 0
- K 5
CMYK color chart

● #204cf2 color description : Vivid blue.

The hexadecimal color #204cf2 has RGB values of R:32, G:76, B:242 and CMYK values of C:0.87, M:0.69, Y:0, K:0.05. Its decimal value is 2116850.

Hex triplet	204cf2	`#204cf2`
RGB Decimal	32, 76, 242	`rgb(32,76,242)`
RGB Percent	12.5, 29.8, 94.9	`rgb(12.5%,29.8%,94.9%)`
CMYK	87, 69, 0, 5
HSL	227.4°, 89, 53.7	`hsl(227.4,89%,53.7%)`
HSV (or HSB)	227.4°, 86.8, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.033, 47.562, -86.025
XYZ	19.204, 11.885, 85.281
xyY	0.165, 0.102, 11.885
CIE-LCH	41.033, 98.298, 298.938
CIE-LUV	41.033, -15.145, -123.956
Hunter-Lab	34.475, 39.1, -122.534
Binary	00100000, 01001100, 11110010

#204cf2
```
#204cf2 rgb(32,76,242)
```
#f2c620
```
#f2c620 rgb(242,198,32)
```

Complementary Color

#20b5f2
```
#20b5f2 rgb(32,181,242)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#5d20f2
```
#5d20f2 rgb(93,32,242)
```

Analogous Color

#b5f220
```
#b5f220 rgb(181,242,32)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#f25d20
```
#f25d20 rgb(242,93,32)
```

Split Complementary Color

#4cf220
```
#4cf220 rgb(76,242,32)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#f2204c
```
#f2204c rgb(242,32,76)
```

Triadic Color

#20f2c6
```
#20f2c6 rgb(32,242,198)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#f2204c
```
#f2204c rgb(242,32,76)
```
#f2c620
```
#f2c620 rgb(242,198,32)
```

Tetradic Color

#0b30bb
```
#0b30bb rgb(11,48,187)
```
#0c36d3
```
#0c36d3 rgb(12,54,211)
```
#0e3ceb
```
#0e3ceb rgb(14,60,235)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#385ff3
```
#385ff3 rgb(56,95,243)
```
#5073f5
```
#5073f5 rgb(80,115,245)
```
#6886f6
```
#6886f6 rgb(104,134,246)
```

Monochromatic Color

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

#2081f2
```
#2081f2 rgb(32,129,242)
```
#206ff2
```
#206ff2 rgb(32,111,242)
```
#205ef2
```
#205ef2 rgb(32,94,242)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#203bf2
```
#203bf2 rgb(32,59,242)
```
#2029f2
```
#2029f2 rgb(32,41,242)
```
#2920f2
```
#2920f2 rgb(41,32,242)
```

Similar Colors

Text with hexadecimal color #204cf2

This text has a font color of #204cf2.

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

#204cf2 background color

This paragraph has a background color of #204cf2.

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

#204cf2 border color

This element has a border color of #204cf2.

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

CSS codes

.text {color:#204cf2;}

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

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

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

#010512
```
#010512 rgb(1,5,18)
```
#020924
```
#020924 rgb(2,9,36)
```
#030e37
```
#030e37 rgb(3,14,55)
```
#04134a
```
#04134a rgb(4,19,74)
```
#05185c
```
#05185c rgb(5,24,92)
```
#061c6f
```
#061c6f rgb(6,28,111)
```
#082181
```
#082181 rgb(8,33,129)
```
#092694
```
#092694 rgb(9,38,148)
```
#0a2aa6
```
#0a2aa6 rgb(10,42,166)
```
#0b2fb9
```
#0b2fb9 rgb(11,47,185)
```
#0c34cb
```
#0c34cb rgb(12,52,203)
```
#0d39de
```
#0d39de rgb(13,57,222)
```
#0e3df0
```
#0e3df0 rgb(14,61,240)
```

Shade Color Variation

#204cf2
```
#204cf2 rgb(32,76,242)
```
#335bf3
```
#335bf3 rgb(51,91,243)
```
#456af4
```
#456af4 rgb(69,106,244)
```
#5879f5
```
#5879f5 rgb(88,121,245)
```
#6a88f6
```
#6a88f6 rgb(106,136,246)
```
#7d96f7
```
#7d96f7 rgb(125,150,247)
```
#8fa5f8
```
#8fa5f8 rgb(143,165,248)
```
#a2b4fa
```
#a2b4fa rgb(162,180,250)
```
#b4c3fb
```
#b4c3fb rgb(180,195,251)
```
#c7d2fc
```
#c7d2fc rgb(199,210,252)
```
#d9e1fd
```
#d9e1fd rgb(217,225,253)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868e is the less saturated color, while #1747fb is the most saturated one.

#84868e
```
#84868e rgb(132,134,142)
```
#7b8197
```
#7b8197 rgb(123,129,151)
```
#727ba0
```
#727ba0 rgb(114,123,160)
```
#6976a9
```
#6976a9 rgb(105,118,169)
```
#6071b2
```
#6071b2 rgb(96,113,178)
```
#566cbc
```
#566cbc rgb(86,108,188)
```
#4d66c5
```
#4d66c5 rgb(77,102,197)
```
#4461ce
```
#4461ce rgb(68,97,206)
```
#3b5cd7
```
#3b5cd7 rgb(59,92,215)
```
#3257e0
```
#3257e0 rgb(50,87,224)
```
#2951e9
```
#2951e9 rgb(41,81,233)
```
#204cf2
```
#204cf2 rgb(32,76,242)
```
#1747fb
```
#1747fb rgb(23,71,251)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#0b5cd6 Protanomaly 1% of men, 0.01% of women
#0b60c5 Deuteranomaly 6% of men, 0.4% of women
#0b65a4 Tritanomaly 0.01% of the population

#204cf2 hex color

#204cf2 Color Information

#204cf2 Color Conversion

Color Schemes with #204cf2

Alternatives to #204cf2

#204cf2 Preview

Shades and Tints of #204cf2

Tones of #204cf2

Color Blindness Simulator