#204afc hex color

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

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

● #204afc color description : Vivid blue.

The hexadecimal color #204afc has RGB values of R:32, G:74, B:252 and CMYK values of C:0.87, M:0.71, Y:0, K:0.01. Its decimal value is 2116348.

Hex triplet	204afc	`#204afc`
RGB Decimal	32, 74, 252	`rgb(32,74,252)`
RGB Percent	12.5, 29, 98.8	`rgb(12.5%,29%,98.8%)`
CMYK	87, 71, 0, 1
HSL	228.5°, 97.3, 55.7	`hsl(228.5,97.3%,55.7%)`
HSV (or HSB)	228.5°, 87.3, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.581, 52.2, -90.729
XYZ	20.612, 12.231, 93.365
xyY	0.163, 0.097, 12.231
CIE-LCH	41.581, 104.674, 299.914
CIE-LUV	41.581, -14.897, -130.262
Hunter-Lab	34.973, 43.996, -133.799
Binary	00100000, 01001010, 11111100

#204afc
```
#204afc rgb(32,74,252)
```
#fcd220
```
#fcd220 rgb(252,210,32)
```

Complementary Color

#20b8fc
```
#20b8fc rgb(32,184,252)
```
#204afc
```
#204afc rgb(32,74,252)
```
#6420fc
```
#6420fc rgb(100,32,252)
```

Analogous Color

#b8fc20
```
#b8fc20 rgb(184,252,32)
```
#204afc
```
#204afc rgb(32,74,252)
```
#fc6420
```
#fc6420 rgb(252,100,32)
```

Split Complementary Color

#4afc20
```
#4afc20 rgb(74,252,32)
```
#204afc
```
#204afc rgb(32,74,252)
```
#fc204a
```
#fc204a rgb(252,32,74)
```

Triadic Color

#20fcd2
```
#20fcd2 rgb(32,252,210)
```
#204afc
```
#204afc rgb(32,74,252)
```
#fc204a
```
#fc204a rgb(252,32,74)
```
#fcd220
```
#fcd220 rgb(252,210,32)
```

Tetradic Color

#0329cd
```
#0329cd rgb(3,41,205)
```
#032ee6
```
#032ee6 rgb(3,46,230)
```
#0736fc
```
#0736fc rgb(7,54,252)
```
#204afc
```
#204afc rgb(32,74,252)
```
#395efc
```
#395efc rgb(57,94,252)
```
#5273fd
```
#5273fd rgb(82,115,253)
```
#6b87fd
```
#6b87fd rgb(107,135,253)
```

Monochromatic Color

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

#2081fc
```
#2081fc rgb(32,129,252)
```
#206ffc
```
#206ffc rgb(32,111,252)
```
#205cfc
```
#205cfc rgb(32,92,252)
```
#204afc
```
#204afc rgb(32,74,252)
```
#2038fc
```
#2038fc rgb(32,56,252)
```
#2025fc
```
#2025fc rgb(32,37,252)
```
#2d20fc
```
#2d20fc rgb(45,32,252)
```

Similar Colors

Text with hexadecimal color #204afc

This text has a font color of #204afc.

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

#204afc background color

This paragraph has a background color of #204afc.

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

#204afc border color

This element has a border color of #204afc.

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

CSS codes

.text {color:#204afc;}

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

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

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)
```
#011157
```
#011157 rgb(1,17,87)
```
#01156a
```
#01156a rgb(1,21,106)
```
#02197d
```
#02197d rgb(2,25,125)
```
#021d91
```
#021d91 rgb(2,29,145)
```
#0221a4
```
#0221a4 rgb(2,33,164)
```
#0225b7
```
#0225b7 rgb(2,37,183)
```
#0329cb
```
#0329cb rgb(3,41,203)
```
#032dde
```
#032dde rgb(3,45,222)
```
#0331f2
```
#0331f2 rgb(3,49,242)
```

Shade Color Variation

#0d3afc
```
#0d3afc rgb(13,58,252)
```
#204afc
```
#204afc rgb(32,74,252)
```
#335afc
```
#335afc rgb(51,90,252)
```
#4769fd
```
#4769fd rgb(71,105,253)
```
#5a79fd
```
#5a79fd rgb(90,121,253)
```
#6d89fd
```
#6d89fd rgb(109,137,253)
```
#8199fd
```
#8199fd rgb(129,153,253)
```
#94a8fe
```
#94a8fe rgb(148,168,254)
```
#a7b8fe
```
#a7b8fe rgb(167,184,254)
```
#bbc8fe
```
#bbc8fe rgb(187,200,254)
```
#ced7fe
```
#ced7fe rgb(206,215,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, #888a94 is the less saturated color, while #204afc is the most saturated one.

#888a94
```
#888a94 rgb(136,138,148)
```
#80859c
```
#80859c rgb(128,133,156)
```
#7780a5
```
#7780a5 rgb(119,128,165)
```
#6e7aae
```
#6e7aae rgb(110,122,174)
```
#6675b6
```
#6675b6 rgb(102,117,182)
```
#5d70bf
```
#5d70bf rgb(93,112,191)
```
#546ac8
```
#546ac8 rgb(84,106,200)
```
#4b65d1
```
#4b65d1 rgb(75,101,209)
```
#435fd9
```
#435fd9 rgb(67,95,217)
```
#3a5ae2
```
#3a5ae2 rgb(58,90,226)
```
#3155eb
```
#3155eb rgb(49,85,235)
```
#294ff3
```
#294ff3 rgb(41,79,243)
```
#204afc
```
#204afc rgb(32,74,252)
```

Tone Color Variation

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

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0b5cdb Protanomaly 1% of men, 0.01% of women
#0b60ca Deuteranomaly 6% of men, 0.4% of women
#0b65a9 Tritanomaly 0.01% of the population

#204afc hex color

#204afc Color Information

#204afc Color Conversion

Color Schemes with #204afc

Alternatives to #204afc

#204afc Preview

Shades and Tints of #204afc

Tones of #204afc

Color Blindness Simulator