#204ade Color Information
In a RGB color space, hex #204ade is composed of 12.5% red, 29% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 66.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 226.7 degrees, a saturation of 74.8% and a lightness of 49.8%. #204ade color hex could be obtained by blending #4094ff with #0000bd. Closest websafe color is: #3333cc.
-
- R 13
- G 29
- B 87
-
- C 86
- M 67
- Y 0
- K 13
● #204ade color description : Vivid blue.
#204ade Color Conversion
The hexadecimal color #204ade has RGB values of R:32, G:74, B:222 and CMYK values of C:0.86, M:0.67, Y:0, K:0.13. Its decimal value is 2116318.
Hex triplet | 204ade | #204ade |
---|---|---|
RGB Decimal | 32, 74, 222 | rgb(32,74,222) |
RGB Percent | 12.5, 29, 87.1 | rgb(12.5%,29%,87.1%) |
CMYK | 86, 67, 0, 13 | |
HSL | 226.7°, 74.8, 49.8 | hsl(226.7,74.8%,49.8%) |
HSV (or HSB) | 226.7°, 85.6, 87.1 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 38.686, 41.659, -78.55 |
---|---|
XYZ | 16.227, 10.477, 70.27 |
xyY | 0.167, 0.108, 10.477 |
CIE-LCH | 38.686, 88.914, 297.939 |
CIE-LUV | 38.686, -14.534, -112.1 |
Hunter-Lab | 32.369, 32.838, -106.057 |
Binary | 00100000, 01001010, 11011110 |
Color Schemes with #204ade
Alternatives to #204ade
Below, you can see some colors close to #204ade. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#204ade Preview
This text has a font color of #204ade.
<span style="color:#204ade;">Text here</span>
This paragraph has a background color of #204ade.
<p style="background-color:#204ade;">Content here</p>
This element has a border color of #204ade.
<div style="border:1px solid #204ade;">Content here</div>
.text {color:#204ade;}
.background {background-color:#204ade;}
.border {border:1px solid #204ade;}
Shades and Tints of #204ade
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, #020510 is the darkest color, while #fefeff is the lightest one.
-
#020510
#020510
rgb(2,5,16)
-
#050b21
#050b21
rgb(5,11,33)
-
#071133
#071133
rgb(7,17,51)
-
#0a1744
#0a1744
rgb(10,23,68)
-
#0c1c55
#0c1c55
rgb(12,28,85)
-
#0f2266
#0f2266
rgb(15,34,102)
-
#112877
#112877
rgb(17,40,119)
-
#142d88
#142d88
rgb(20,45,136)
-
#163399
#163399
rgb(22,51,153)
-
#1939ab
#1939ab
rgb(25,57,171)
-
#1b3fbc
#1b3fbc
rgb(27,63,188)
-
#1e44cd
#1e44cd
rgb(30,68,205)
-
#204ade
#204ade
rgb(32,74,222)
-
#3057e1
#3057e1
rgb(48,87,225)
-
#4265e4
#4265e4
rgb(66,101,228)
-
#5373e6
#5373e6
rgb(83,115,230)
-
#6481e9
#6481e9
rgb(100,129,233)
-
#758feb
#758feb
rgb(117,143,235)
-
#869dee
#869dee
rgb(134,157,238)
-
#97abf0
#97abf0
rgb(151,171,240)
-
#a8b9f3
#a8b9f3
rgb(168,185,243)
-
#bac7f5
#bac7f5
rgb(186,199,245)
-
#cbd5f7
#cbd5f7
rgb(203,213,247)
-
#dce2fa
#dce2fa
rgb(220,226,250)
-
#edf0fc
#edf0fc
rgb(237,240,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #204ade
A tone is produced by adding gray to any pure hue. In this case, #787b86 is the less saturated color, while #033afb is the most saturated one.
-
#787b86
#787b86
rgb(120,123,134)
-
#6e7690
#6e7690
rgb(110,118,144)
-
#64709a
#64709a
rgb(100,112,154)
-
#5b6ba3
#5b6ba3
rgb(91,107,163)
-
#5165ad
#5165ad
rgb(81,101,173)
-
#4760b7
#4760b7
rgb(71,96,183)
-
#3d5ac1
#3d5ac1
rgb(61,90,193)
-
#3455ca
#3455ca
rgb(52,85,202)
-
#2a4fd4
#2a4fd4
rgb(42,79,212)
-
#204ade
#204ade
rgb(32,74,222)
-
#1645e8
#1645e8
rgb(22,69,232)
-
#0c3ff2
#0c3ff2
rgb(12,63,242)
-
#033afb
#033afb
rgb(3,58,251)
Color Blindness Simulator
Below, you can see how #204ade 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.