#204cf3 Color Information
In a RGB color space, hex #204cf3 is composed of 12.5% red, 29.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 68.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 227.5 degrees, a saturation of 89.8% and a lightness of 53.9%. #204cf3 color hex could be obtained by blending #4098ff with #0000e7. Closest websafe color is: #3333ff.
-
- R 13
- G 30
- B 95
-
- C 87
- M 69
- Y 0
- K 5
● #204cf3 color description : Vivid blue.
#204cf3 Color Conversion
The hexadecimal color #204cf3 has RGB values of R:32, G:76, B:243 and CMYK values of C:0.87, M:0.69, Y:0, K:0.05. Its decimal value is 2116851.
Hex triplet | 204cf3 | #204cf3 |
---|---|---|
RGB Decimal | 32, 76, 243 | rgb(32,76,243) |
RGB Percent | 12.5, 29.8, 95.3 | rgb(12.5%,29.8%,95.3%) |
CMYK | 87, 69, 0, 5 | |
HSL | 227.5°, 89.8, 53.9 | hsl(227.5,89.8%,53.9%) |
HSV (or HSB) | 227.5°, 86.8, 95.3 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.129, 47.913, -86.429 |
---|---|
XYZ | 19.354, 11.946, 86.075 |
xyY | 0.165, 0.102, 11.946 |
CIE-LCH | 41.129, 98.821, 299.002 |
CIE-LUV | 41.129, -15.157, -124.561 |
Hunter-Lab | 34.562, 39.474, -123.464 |
Binary | 00100000, 01001100, 11110011 |
Color Schemes with #204cf3
Alternatives to #204cf3
Below, you can see some colors close to #204cf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#204cf3 Preview
This text has a font color of #204cf3.
<span style="color:#204cf3;">Text here</span>
This paragraph has a background color of #204cf3.
<p style="background-color:#204cf3;">Content here</p>
This element has a border color of #204cf3.
<div style="border:1px solid #204cf3;">Content here</div>
.text {color:#204cf3;}
.background {background-color:#204cf3;}
.border {border:1px solid #204cf3;}
Shades and Tints of #204cf3
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, #000000 is the darkest color, while #edf0fe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#010513
#010513
rgb(1,5,19)
-
#020926
#020926
rgb(2,9,38)
-
#030e38
#030e38
rgb(3,14,56)
-
#04134b
#04134b
rgb(4,19,75)
-
#05175d
#05175d
rgb(5,23,93)
-
#061c70
#061c70
rgb(6,28,112)
-
#072183
#072183
rgb(7,33,131)
-
#082595
#082595
rgb(8,37,149)
-
#092aa8
#092aa8
rgb(9,42,168)
-
#0a2fbb
#0a2fbb
rgb(10,47,187)
-
#0b34cd
#0b34cd
rgb(11,52,205)
-
#0c38e0
#0c38e0
rgb(12,56,224)
-
#0d3df2
#0d3df2
rgb(13,61,242)
-
#204cf3
#204cf3
rgb(32,76,243)
-
#335bf4
#335bf4
rgb(51,91,244)
-
#456af5
#456af5
rgb(69,106,245)
-
#5879f6
#5879f6
rgb(88,121,246)
-
#6a88f7
#6a88f7
rgb(106,136,247)
-
#7d97f8
#7d97f8
rgb(125,151,248)
-
#90a6f9
#90a6f9
rgb(144,166,249)
-
#a2b5fa
#a2b5fa
rgb(162,181,250)
-
#b5c4fb
#b5c4fb
rgb(181,196,251)
-
#c8d2fc
#c8d2fc
rgb(200,210,252)
-
#dae1fd
#dae1fd
rgb(218,225,253)
-
#edf0fe
#edf0fe
rgb(237,240,254)
Tones of #204cf3
A tone is produced by adding gray to any pure hue. In this case, #838690 is the less saturated color, while #1747fc is the most saturated one.
-
#838690
#838690
rgb(131,134,144)
-
#7a8199
#7a8199
rgb(122,129,153)
-
#717ba2
#717ba2
rgb(113,123,162)
-
#6876ab
#6876ab
rgb(104,118,171)
-
#5f71b4
#5f71b4
rgb(95,113,180)
-
#566cbd
#566cbd
rgb(86,108,189)
-
#4d66c6
#4d66c6
rgb(77,102,198)
-
#4461cf
#4461cf
rgb(68,97,207)
-
#3b5cd8
#3b5cd8
rgb(59,92,216)
-
#3257e1
#3257e1
rgb(50,87,225)
-
#2951ea
#2951ea
rgb(41,81,234)
-
#204cf3
#204cf3
rgb(32,76,243)
-
#1747fc
#1747fc
rgb(23,71,252)
Color Blindness Simulator
Below, you can see how #204cf3 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.