#204cfc hex color

In a RGB color space, hex #204cfc is composed of 12.5% red, 29.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 69.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 228 degrees, a saturation of 97.3% and a lightness of 55.7%. #204cfc color hex could be obtained by blending #4098ff with #0000f9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 30
- B 99
RGB color chart
- C 87
- M 70
- Y 0
- K 1
CMYK color chart

● #204cfc color description : Vivid blue.

The hexadecimal color #204cfc has RGB values of R:32, G:76, B:252 and CMYK values of C:0.87, M:0.7, Y:0, K:0.01. Its decimal value is 2116860.

Hex triplet	204cfc	`#204cfc`
RGB Decimal	32, 76, 252	`rgb(32,76,252)`
RGB Percent	12.5, 29.8, 98.8	`rgb(12.5%,29.8%,98.8%)`
CMYK	87, 70, 0, 1
HSL	228°, 97.3, 55.7	`hsl(228,97.3%,55.7%)`
HSV (or HSB)	228°, 87.3, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.004, 51.036, -90.031
XYZ	20.747, 12.503, 93.41
xyY	0.164, 0.099, 12.503
CIE-LCH	42.004, 103.491, 299.548
CIE-LUV	42.004, -15.268, -129.96
Hunter-Lab	35.359, 42.858, -131.878
Binary	00100000, 01001100, 11111100

#204cfc
```
#204cfc rgb(32,76,252)
```
#fcd020
```
#fcd020 rgb(252,208,32)
```

Complementary Color

#20bafc
```
#20bafc rgb(32,186,252)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#6220fc
```
#6220fc rgb(98,32,252)
```

Analogous Color

#bafc20
```
#bafc20 rgb(186,252,32)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#fc6220
```
#fc6220 rgb(252,98,32)
```

Split Complementary Color

#4cfc20
```
#4cfc20 rgb(76,252,32)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#fc204c
```
#fc204c rgb(252,32,76)
```

Triadic Color

#20fcd0
```
#20fcd0 rgb(32,252,208)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#fc204c
```
#fc204c rgb(252,32,76)
```
#fcd020
```
#fcd020 rgb(252,208,32)
```

Tetradic Color

#032bcd
```
#032bcd rgb(3,43,205)
```
#0330e6
```
#0330e6 rgb(3,48,230)
```
#0738fc
```
#0738fc rgb(7,56,252)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#3960fc
```
#3960fc rgb(57,96,252)
```
#5274fd
```
#5274fd rgb(82,116,253)
```
#6b89fd
```
#6b89fd rgb(107,137,253)
```

Monochromatic Color

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

#2083fc
```
#2083fc rgb(32,131,252)
```
#2071fc
```
#2071fc rgb(32,113,252)
```
#205efc
```
#205efc rgb(32,94,252)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#203afc
```
#203afc rgb(32,58,252)
```
#2027fc
```
#2027fc rgb(32,39,252)
```
#2b20fc
```
#2b20fc rgb(43,32,252)
```

Similar Colors

Text with hexadecimal color #204cfc

This text has a font color of #204cfc.

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

#204cfc background color

This paragraph has a background color of #204cfc.

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

#204cfc border color

This element has a border color of #204cfc.

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

CSS codes

.text {color:#204cfc;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#00061d
```
#00061d rgb(0,6,29)
```
#010a30
```
#010a30 rgb(1,10,48)
```
#010e43
```
#010e43 rgb(1,14,67)
```
#011257
```
#011257 rgb(1,18,87)
```
#01166a
```
#01166a rgb(1,22,106)
```
#021a7d
```
#021a7d rgb(2,26,125)
```
#021f91
```
#021f91 rgb(2,31,145)
```
#0223a4
```
#0223a4 rgb(2,35,164)
```
#0227b7
```
#0227b7 rgb(2,39,183)
```
#032bcb
```
#032bcb rgb(3,43,203)
```
#032fde
```
#032fde rgb(3,47,222)
```
#0333f2
```
#0333f2 rgb(3,51,242)
```

Shade Color Variation

#0d3cfc
```
#0d3cfc rgb(13,60,252)
```
#204cfc
```
#204cfc rgb(32,76,252)
```
#335cfc
```
#335cfc rgb(51,92,252)
```
#476bfd
```
#476bfd rgb(71,107,253)
```
#5a7bfd
```
#5a7bfd rgb(90,123,253)
```
#6d8afd
```
#6d8afd rgb(109,138,253)
```
#819afd
```
#819afd rgb(129,154,253)
```
#94a9fe
```
#94a9fe rgb(148,169,254)
```
#a7b9fe
```
#a7b9fe rgb(167,185,254)
```
#bbc8fe
```
#bbc8fe rgb(187,200,254)
```
#ced8fe
```
#ced8fe rgb(206,216,254)
```
#e2e7ff
```
#e2e7ff rgb(226,231,255)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b94 is the less saturated color, while #204cfc is the most saturated one.

#888b94
```
#888b94 rgb(136,139,148)
```
#80859c
```
#80859c rgb(128,133,156)
```
#7780a5
```
#7780a5 rgb(119,128,165)
```
#6e7bae
```
#6e7bae rgb(110,123,174)
```
#6676b6
```
#6676b6 rgb(102,118,182)
```
#5d71bf
```
#5d71bf rgb(93,113,191)
```
#546bc8
```
#546bc8 rgb(84,107,200)
```
#4b66d1
```
#4b66d1 rgb(75,102,209)
```
#4361d9
```
#4361d9 rgb(67,97,217)
```
#3a5ce2
```
#3a5ce2 rgb(58,92,226)
```
#3156eb
```
#3156eb rgb(49,86,235)
```
#2951f3
```
#2951f3 rgb(41,81,243)
```
#204cfc
```
#204cfc rgb(32,76,252)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0b5ddc Protanomaly 1% of men, 0.01% of women
#0b61cb Deuteranomaly 6% of men, 0.4% of women
#0b66aa Tritanomaly 0.01% of the population

#204cfc hex color

#204cfc Color Information

#204cfc Color Conversion

Color Schemes with #204cfc

Alternatives to #204cfc

#204cfc Preview

Shades and Tints of #204cfc

Tones of #204cfc

Color Blindness Simulator