#204fec hex color

In a RGB color space, hex #204fec is composed of 12.5% red, 31% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 66.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 226.2 degrees, a saturation of 84.3% and a lightness of 52.5%. #204fec color hex could be obtained by blending #409eff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 31
- B 93
RGB color chart
- C 86
- M 67
- Y 0
- K 7
CMYK color chart

● #204fec color description : Vivid blue.

The hexadecimal color #204fec has RGB values of R:32, G:79, B:236 and CMYK values of C:0.86, M:0.67, Y:0, K:0.07. Its decimal value is 2117612.

Hex triplet	204fec	`#204fec`
RGB Decimal	32, 79, 236	`rgb(32,79,236)`
RGB Percent	12.5, 31, 92.5	`rgb(12.5%,31%,92.5%)`
CMYK	86, 67, 0, 7
HSL	226.2°, 84.3, 52.5	`hsl(226.2,84.3%,52.5%)`
HSV (or HSB)	226.2°, 86.4, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.142, 43.613, -82.461
XYZ	18.529, 11.954, 80.683
xyY	0.167, 0.108, 11.954
CIE-LCH	41.142, 93.284, 297.874
CIE-LUV	41.142, -15.699, -119.681
Hunter-Lab	34.574, 35.156, -114.159
Binary	00100000, 01001111, 11101100

#204fec
```
#204fec rgb(32,79,236)
```
#ecbd20
```
#ecbd20 rgb(236,189,32)
```

Complementary Color

#20b5ec
```
#20b5ec rgb(32,181,236)
```
#204fec
```
#204fec rgb(32,79,236)
```
#5720ec
```
#5720ec rgb(87,32,236)
```

Analogous Color

#b5ec20
```
#b5ec20 rgb(181,236,32)
```
#204fec
```
#204fec rgb(32,79,236)
```
#ec5720
```
#ec5720 rgb(236,87,32)
```

Split Complementary Color

#4fec20
```
#4fec20 rgb(79,236,32)
```
#204fec
```
#204fec rgb(32,79,236)
```
#ec204f
```
#ec204f rgb(236,32,79)
```

Triadic Color

#20ecbd
```
#20ecbd rgb(32,236,189)
```
#204fec
```
#204fec rgb(32,79,236)
```
#ec204f
```
#ec204f rgb(236,32,79)
```
#ecbd20
```
#ecbd20 rgb(236,189,32)
```

Tetradic Color

#0f34b0
```
#0f34b0 rgb(15,52,176)
```
#113bc8
```
#113bc8 rgb(17,59,200)
```
#1342df
```
#1342df rgb(19,66,223)
```
#204fec
```
#204fec rgb(32,79,236)
```
#3762ee
```
#3762ee rgb(55,98,238)
```
#4f74f0
```
#4f74f0 rgb(79,116,240)
```
#6687f2
```
#6687f2 rgb(102,135,242)
```

Monochromatic Color

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

#2082ec
```
#2082ec rgb(32,130,236)
```
#2071ec
```
#2071ec rgb(32,113,236)
```
#2060ec
```
#2060ec rgb(32,96,236)
```
#204fec
```
#204fec rgb(32,79,236)
```
#203eec
```
#203eec rgb(32,62,236)
```
#202dec
```
#202dec rgb(32,45,236)
```
#2420ec
```
#2420ec rgb(36,32,236)
```

Similar Colors

Text with hexadecimal color #204fec

This text has a font color of #204fec.

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

#204fec background color

This paragraph has a background color of #204fec.

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

#204fec border color

This element has a border color of #204fec.

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

CSS codes

.text {color:#204fec;}

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

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

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, #01040c is the darkest color, while #f9fafe is the lightest one.

#01040c
```
#01040c rgb(1,4,12)
```
#03091e
```
#03091e rgb(3,9,30)
```
#040e30
```
#040e30 rgb(4,14,48)
```
#061442
```
#061442 rgb(6,20,66)
```
#071954
```
#071954 rgb(7,25,84)
```
#091e66
```
#091e66 rgb(9,30,102)
```
#0a2478
```
#0a2478 rgb(10,36,120)
```
#0c298b
```
#0c298b rgb(12,41,139)
```
#0d2e9d
```
#0d2e9d rgb(13,46,157)
```
#0f34af
```
#0f34af rgb(15,52,175)
```
#1039c1
```
#1039c1 rgb(16,57,193)
```
#123ed3
```
#123ed3 rgb(18,62,211)
```
#1444e5
```
#1444e5 rgb(20,68,229)
```

Shade Color Variation

#204fec
```
#204fec rgb(32,79,236)
```
#325dee
```
#325dee rgb(50,93,238)
```
#446cef
```
#446cef rgb(68,108,239)
```
#567af1
```
#567af1 rgb(86,122,241)
```
#6888f2
```
#6888f2 rgb(104,136,242)
```
#7a96f4
```
#7a96f4 rgb(122,150,244)
```
#8ca5f5
```
#8ca5f5 rgb(140,165,245)
```
#9fb3f7
```
#9fb3f7 rgb(159,179,247)
```
#b1c1f8
```
#b1c1f8 rgb(177,193,248)
```
#c3cffa
```
#c3cffa rgb(195,207,250)
```
#d5defb
```
#d5defb rgb(213,222,251)
```
#e7ecfd
```
#e7ecfd rgb(231,236,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d818f is the less saturated color, while #0d45ff is the most saturated one.

#7d818f
```
#7d818f rgb(125,129,143)
```
#747c98
```
#747c98 rgb(116,124,152)
```
#6a77a2
```
#6a77a2 rgb(106,119,162)
```
#6172ab
```
#6172ab rgb(97,114,171)
```
#586db4
```
#586db4 rgb(88,109,180)
```
#4f68bd
```
#4f68bd rgb(79,104,189)
```
#4563c7
```
#4563c7 rgb(69,99,199)
```
#3c5ed0
```
#3c5ed0 rgb(60,94,208)
```
#3359d9
```
#3359d9 rgb(51,89,217)
```
#2954e3
```
#2954e3 rgb(41,84,227)
```
#204fec
```
#204fec rgb(32,79,236)
```
#174af5
```
#174af5 rgb(23,74,245)
```
#0d45ff
```
#0d45ff rgb(13,69,255)
```

Tone Color Variation

Below, you can see how #204fec 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
#495272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0b5dd4 Protanomaly 1% of men, 0.01% of women
#0b61c3 Deuteranomaly 6% of men, 0.4% of women
#0b66a3 Tritanomaly 0.01% of the population

#204fec hex color

#204fec Color Information

#204fec Color Conversion

Color Schemes with #204fec

Alternatives to #204fec

#204fec Preview

Shades and Tints of #204fec

Tones of #204fec

Color Blindness Simulator