#204af9 Color Information
In a RGB color space, hex #204af9 is composed of 12.5% red, 29% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 70.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 228.4 degrees, a saturation of 94.8% and a lightness of 55.1%. #204af9 color hex could be obtained by blending #4094ff with #0000f3. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 98
-
- C 87
- M 70
- Y 0
- K 2
● #204af9 color description : Vivid blue.
#204af9 Color Conversion
The hexadecimal color #204af9 has RGB values of R:32, G:74, B:249 and CMYK values of C:0.87, M:0.7, Y:0, K:0.02. Its decimal value is 2116345.
Hex triplet | 204af9 | #204af9 |
---|---|---|
RGB Decimal | 32, 74, 249 | rgb(32,74,249) |
RGB Percent | 12.5, 29, 97.6 | rgb(12.5%,29%,97.6%) |
CMYK | 87, 70, 0, 2 | |
HSL | 228.4°, 94.8, 55.1 | hsl(228.4,94.8%,55.1%) |
HSV (or HSB) | 228.4°, 87.1, 97.6 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.284, 51.174, -89.542 |
---|---|
XYZ | 20.14, 12.043, 90.88 |
xyY | 0.164, 0.098, 12.043 |
CIE-LCH | 41.284, 103.133, 299.748 |
CIE-LUV | 41.284, -14.853, -128.483 |
Hunter-Lab | 34.702, 42.864, -130.979 |
Binary | 00100000, 01001010, 11111001 |
Color Schemes with #204af9
Alternatives to #204af9
Below, you can see some colors close to #204af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#204af9 Preview
This text has a font color of #204af9.
<span style="color:#204af9;">Text here</span>
This paragraph has a background color of #204af9.
<p style="background-color:#204af9;">Content here</p>
This element has a border color of #204af9.
<div style="border:1px solid #204af9;">Content here</div>
.text {color:#204af9;}
.background {background-color:#204af9;}
.border {border:1px solid #204af9;}
Shades and Tints of #204af9
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, #000106 is the darkest color, while #f2f5ff is the lightest one.
-
#000106
#000106
rgb(0,1,6)
-
#010519
#010519
rgb(1,5,25)
-
#010a2c
#010a2c
rgb(1,10,44)
-
#020e40
#020e40
rgb(2,14,64)
-
#021253
#021253
rgb(2,18,83)
-
#031666
#031666
rgb(3,22,102)
-
#031a79
#031a79
rgb(3,26,121)
-
#041e8c
#041e8c
rgb(4,30,140)
-
#04229f
#04229f
rgb(4,34,159)
-
#0526b2
#0526b2
rgb(5,38,178)
-
#052ac5
#052ac5
rgb(5,42,197)
-
#062fd8
#062fd8
rgb(6,47,216)
-
#0633eb
#0633eb
rgb(6,51,235)
-
#0d3af8
#0d3af8
rgb(13,58,248)
-
#204af9
#204af9
rgb(32,74,249)
-
#335afa
#335afa
rgb(51,90,250)
-
#4669fa
#4669fa
rgb(70,105,250)
-
#5979fb
#5979fb
rgb(89,121,251)
-
#6c88fb
#6c88fb
rgb(108,136,251)
-
#8098fc
#8098fc
rgb(128,152,252)
-
#93a7fc
#93a7fc
rgb(147,167,252)
-
#a6b7fd
#a6b7fd
rgb(166,183,253)
-
#b9c6fd
#b9c6fd
rgb(185,198,253)
-
#ccd6fe
#ccd6fe
rgb(204,214,254)
-
#dfe5fe
#dfe5fe
rgb(223,229,254)
-
#f2f5ff
#f2f5ff
rgb(242,245,255)
Tones of #204af9
A tone is produced by adding gray to any pure hue. In this case, #8a8b8f is the less saturated color, while #204af9 is the most saturated one.
-
#8a8b8f
#8a8b8f
rgb(138,139,143)
-
#818598
#818598
rgb(129,133,152)
-
#7880a1
#7880a1
rgb(120,128,161)
-
#6f7baa
#6f7baa
rgb(111,123,170)
-
#6675b3
#6675b3
rgb(102,117,179)
-
#5e70bb
#5e70bb
rgb(94,112,187)
-
#556ac4
#556ac4
rgb(85,106,196)
-
#4c65cd
#4c65cd
rgb(76,101,205)
-
#4360d6
#4360d6
rgb(67,96,214)
-
#3a5adf
#3a5adf
rgb(58,90,223)
-
#3255e7
#3255e7
rgb(50,85,231)
-
#294ff0
#294ff0
rgb(41,79,240)
-
#204af9
#204af9
rgb(32,74,249)
Color Blindness Simulator
Below, you can see how #204af9 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.