#204af0 Color Information
In a RGB color space, hex #204af0 is composed of 12.5% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 227.9 degrees, a saturation of 87.4% and a lightness of 53.3%. #204af0 color hex could be obtained by blending #4094ff with #0000e1. Closest websafe color is: #3333ff.
-
- R 13
- G 29
- B 94
-
- C 87
- M 69
- Y 0
- K 6
● #204af0 color description : Vivid blue.
#204af0 Color Conversion
The hexadecimal color #204af0 has RGB values of R:32, G:74, B:240 and CMYK values of C:0.87, M:0.69, Y:0, K:0.06. Its decimal value is 2116336.
Hex triplet | 204af0 | #204af0 |
---|---|---|
RGB Decimal | 32, 74, 240 | rgb(32,74,240) |
RGB Percent | 12.5, 29, 94.1 | rgb(12.5%,29%,94.1%) |
CMYK | 87, 69, 0, 6 | |
HSL | 227.9°, 87.4, 53.3 | hsl(227.9,87.4%,53.3%) |
HSV (or HSB) | 227.9°, 86.7, 94.1 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 40.401, 48.058, -85.941 |
---|---|
XYZ | 18.769, 11.494, 83.663 |
xyY | 0.165, 0.101, 11.494 |
CIE-LCH | 40.401, 98.465, 299.214 |
CIE-LUV | 40.401, -14.731, -123.099 |
Hunter-Lab | 33.903, 39.489, -122.576 |
Binary | 00100000, 01001010, 11110000 |
Color Schemes with #204af0
Alternatives to #204af0
Below, you can see some colors close to #204af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#204af0 Preview
This text has a font color of #204af0.
<span style="color:#204af0;">Text here</span>
This paragraph has a background color of #204af0.
<p style="background-color:#204af0;">Content here</p>
This element has a border color of #204af0.
<div style="border:1px solid #204af0;">Content here</div>
.text {color:#204af0;}
.background {background-color:#204af0;}
.border {border:1px solid #204af0;}
Shades and Tints of #204af0
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, #010410 is the darkest color, while #fdfdff is the lightest one.
-
#010410
#010410
rgb(1,4,16)
-
#020922
#020922
rgb(2,9,34)
-
#040d35
#040d35
rgb(4,13,53)
-
#051247
#051247
rgb(5,18,71)
-
#061759
#061759
rgb(6,23,89)
-
#071c6c
#071c6c
rgb(7,28,108)
-
#08207e
#08207e
rgb(8,32,126)
-
#0a2591
#0a2591
rgb(10,37,145)
-
#0b2aa3
#0b2aa3
rgb(11,42,163)
-
#0c2eb5
#0c2eb5
rgb(12,46,181)
-
#0d33c8
#0d33c8
rgb(13,51,200)
-
#0f38da
#0f38da
rgb(15,56,218)
-
#103cec
#103cec
rgb(16,60,236)
-
#204af0
#204af0
rgb(32,74,240)
-
#3259f1
#3259f1
rgb(50,89,241)
-
#4568f2
#4568f2
rgb(69,104,242)
-
#5777f4
#5777f4
rgb(87,119,244)
-
#6a86f5
#6a86f5
rgb(106,134,245)
-
#7c95f6
#7c95f6
rgb(124,149,246)
-
#8ea4f7
#8ea4f7
rgb(142,164,247)
-
#a1b2f9
#a1b2f9
rgb(161,178,249)
-
#b3c1fa
#b3c1fa
rgb(179,193,250)
-
#c5d0fb
#c5d0fb
rgb(197,208,251)
-
#d8dffc
#d8dffc
rgb(216,223,252)
-
#eaeefe
#eaeefe
rgb(234,238,254)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #204af0
A tone is produced by adding gray to any pure hue. In this case, #85868b is the less saturated color, while #1745f9 is the most saturated one.
-
#85868b
#85868b
rgb(133,134,139)
-
#7c8194
#7c8194
rgb(124,129,148)
-
#727b9e
#727b9e
rgb(114,123,158)
-
#6976a7
#6976a7
rgb(105,118,167)
-
#6070b0
#6070b0
rgb(96,112,176)
-
#576bb9
#576bb9
rgb(87,107,185)
-
#4e65c2
#4e65c2
rgb(78,101,194)
-
#4560cb
#4560cb
rgb(69,96,203)
-
#3b5ad5
#3b5ad5
rgb(59,90,213)
-
#3255de
#3255de
rgb(50,85,222)
-
#294fe7
#294fe7
rgb(41,79,231)
-
#204af0
#204af0
rgb(32,74,240)
-
#1745f9
#1745f9
rgb(23,69,249)
Color Blindness Simulator
Below, you can see how #204af0 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.