#204afd Color Information
In a RGB color space, hex #204afd is composed of 12.5% red, 29% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 70.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.6 degrees, a saturation of 98.2% and a lightness of 55.9%. #204afd color hex could be obtained by blending #4094ff with #0000fb. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 99
-
- C 87
- M 71
- Y 0
- K 1
● #204afd color description : Vivid blue.
#204afd Color Conversion
The hexadecimal color #204afd has RGB values of R:32, G:74, B:253 and CMYK values of C:0.87, M:0.71, Y:0, K:0.01. Its decimal value is 2116349.
Hex triplet | 204afd | #204afd |
---|---|---|
RGB Decimal | 32, 74, 253 | rgb(32,74,253) |
RGB Percent | 12.5, 29, 99.2 | rgb(12.5%,29%,99.2%) |
CMYK | 87, 71, 0, 1 | |
HSL | 228.6°, 98.2, 55.9 | hsl(228.6,98.2%,55.9%) |
HSV (or HSB) | 228.6°, 87.4, 99.2 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.681, 52.541, -91.124 |
---|---|
XYZ | 20.77, 12.295, 94.202 |
xyY | 0.163, 0.097, 12.295 |
CIE-LCH | 41.681, 105.186, 299.967 |
CIE-LUV | 41.681, -14.912, -130.854 |
Hunter-Lab | 35.064, 44.374, -134.741 |
Binary | 00100000, 01001010, 11111101 |
Color Schemes with #204afd
Alternatives to #204afd
Below, you can see some colors close to #204afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#204afd Preview
This text has a font color of #204afd.
<span style="color:#204afd;">Text here</span>
This paragraph has a background color of #204afd.
<p style="background-color:#204afd;">Content here</p>
This element has a border color of #204afd.
<div style="border:1px solid #204afd;">Content here</div>
.text {color:#204afd;}
.background {background-color:#204afd;}
.border {border:1px solid #204afd;}
Shades and Tints of #204afd
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, #00020a is the darkest color, while #f6f8ff is the lightest one.
-
#00020a
#00020a
rgb(0,2,10)
-
#00061e
#00061e
rgb(0,6,30)
-
#000a31
#000a31
rgb(0,10,49)
-
#010e45
#010e45
rgb(1,14,69)
-
#011158
#011158
rgb(1,17,88)
-
#01156b
#01156b
rgb(1,21,107)
-
#01197f
#01197f
rgb(1,25,127)
-
#011d92
#011d92
rgb(1,29,146)
-
#0121a6
#0121a6
rgb(1,33,166)
-
#0225b9
#0225b9
rgb(2,37,185)
-
#0228cd
#0228cd
rgb(2,40,205)
-
#022ce0
#022ce0
rgb(2,44,224)
-
#0230f4
#0230f4
rgb(2,48,244)
-
#0d3afd
#0d3afd
rgb(13,58,253)
-
#204afd
#204afd
rgb(32,74,253)
-
#335afd
#335afd
rgb(51,90,253)
-
#476afd
#476afd
rgb(71,106,253)
-
#5a79fe
#5a79fe
rgb(90,121,254)
-
#6e89fe
#6e89fe
rgb(110,137,254)
-
#8199fe
#8199fe
rgb(129,153,254)
-
#95a9fe
#95a9fe
rgb(149,169,254)
-
#a8b8fe
#a8b8fe
rgb(168,184,254)
-
#bcc8fe
#bcc8fe
rgb(188,200,254)
-
#cfd8ff
#cfd8ff
rgb(207,216,255)
-
#e2e8ff
#e2e8ff
rgb(226,232,255)
-
#f6f8ff
#f6f8ff
rgb(246,248,255)
Tones of #204afd
A tone is produced by adding gray to any pure hue. In this case, #888a95 is the less saturated color, while #204afd is the most saturated one.
-
#888a95
#888a95
rgb(136,138,149)
-
#7f859e
#7f859e
rgb(127,133,158)
-
#7780a6
#7780a6
rgb(119,128,166)
-
#6e7aaf
#6e7aaf
rgb(110,122,175)
-
#6575b8
#6575b8
rgb(101,117,184)
-
#5d70c0
#5d70c0
rgb(93,112,192)
-
#546ac9
#546ac9
rgb(84,106,201)
-
#4b65d2
#4b65d2
rgb(75,101,210)
-
#435fda
#435fda
rgb(67,95,218)
-
#3a5ae3
#3a5ae3
rgb(58,90,227)
-
#3155ec
#3155ec
rgb(49,85,236)
-
#294ff4
#294ff4
rgb(41,79,244)
-
#204afd
#204afd
rgb(32,74,253)
Color Blindness Simulator
Below, you can see how #204afd 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.