#002af4 Color Information
In a RGB color space, hex #002af4 is composed of 0% red, 16.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 82.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 229.7 degrees, a saturation of 100% and a lightness of 47.8%. #002af4 color hex could be obtained by blending #0054ff with #0000e9. Closest websafe color is: #0033ff.
-
- R 0
- G 16
- B 96
-
- C 100
- M 83
- Y 0
- K 4
● #002af4 color description : Pure (or mostly pure) blue.
#002af4 Color Conversion
The hexadecimal color #002af4 has RGB values of R:0, G:42, B:244 and CMYK values of C:1, M:0.83, Y:0, K:0.04. Its decimal value is 10996.
Hex triplet | 002af4 | #002af4 |
---|---|---|
RGB Decimal | 0, 42, 244 | rgb(0,42,244) |
RGB Percent | 0, 16.5, 95.7 | rgb(0%,16.5%,95.7%) |
CMYK | 100, 83, 0, 4 | |
HSL | 229.7°, 100, 47.8 | hsl(229.7,100%,47.8%) |
HSV (or HSB) | 229.7°, 100, 95.7 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 34.368, 65.458, -98.219 |
---|---|
XYZ | 17.154, 8.186, 86.259 |
xyY | 0.154, 0.073, 8.186 |
CIE-LCH | 34.368, 118.032, 303.682 |
CIE-LUV | 34.368, -11.506, -126.688 |
Hunter-Lab | 28.612, 56.948, -158.721 |
Binary | 00000000, 00101010, 11110100 |
Color Schemes with #002af4
Alternatives to #002af4
Below, you can see some colors close to #002af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#002af4 Preview
This text has a font color of #002af4.
<span style="color:#002af4;">Text here</span>
This paragraph has a background color of #002af4.
<p style="background-color:#002af4;">Content here</p>
This element has a border color of #002af4.
<div style="border:1px solid #002af4;">Content here</div>
.text {color:#002af4;}
.background {background-color:#002af4;}
.border {border:1px solid #002af4;}
Shades and Tints of #002af4
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, #000109 is the darkest color, while #f4f6ff is the lightest one.
-
#000109
#000109
rgb(0,1,9)
-
#00051c
#00051c
rgb(0,5,28)
-
#000830
#000830
rgb(0,8,48)
-
#000c43
#000c43
rgb(0,12,67)
-
#000f57
#000f57
rgb(0,15,87)
-
#00126b
#00126b
rgb(0,18,107)
-
#00167e
#00167e
rgb(0,22,126)
-
#001992
#001992
rgb(0,25,146)
-
#001ca6
#001ca6
rgb(0,28,166)
-
#0020b9
#0020b9
rgb(0,32,185)
-
#0023cd
#0023cd
rgb(0,35,205)
-
#0027e0
#0027e0
rgb(0,39,224)
-
#002af4
#002af4
rgb(0,42,244)
-
#0933ff
#0933ff
rgb(9,51,255)
-
#1c43ff
#1c43ff
rgb(28,67,255)
-
#3054ff
#3054ff
rgb(48,84,255)
-
#4364ff
#4364ff
rgb(67,100,255)
-
#5774ff
#5774ff
rgb(87,116,255)
-
#6b84ff
#6b84ff
rgb(107,132,255)
-
#7e94ff
#7e94ff
rgb(126,148,255)
-
#92a5ff
#92a5ff
rgb(146,165,255)
-
#a6b5ff
#a6b5ff
rgb(166,181,255)
-
#b9c5ff
#b9c5ff
rgb(185,197,255)
-
#cdd5ff
#cdd5ff
rgb(205,213,255)
-
#e0e6ff
#e0e6ff
rgb(224,230,255)
-
#f4f6ff
#f4f6ff
rgb(244,246,255)
Tones of #002af4
A tone is produced by adding gray to any pure hue. In this case, #717483 is the less saturated color, while #002af4 is the most saturated one.
-
#717483
#717483
rgb(113,116,131)
-
#676e8d
#676e8d
rgb(103,110,141)
-
#5e6896
#5e6896
rgb(94,104,150)
-
#5461a0
#5461a0
rgb(84,97,160)
-
#4b5ba9
#4b5ba9
rgb(75,91,169)
-
#4255b2
#4255b2
rgb(66,85,178)
-
#384fbc
#384fbc
rgb(56,79,188)
-
#2f49c5
#2f49c5
rgb(47,73,197)
-
#2643ce
#2643ce
rgb(38,67,206)
-
#1c3cd8
#1c3cd8
rgb(28,60,216)
-
#1336e1
#1336e1
rgb(19,54,225)
-
#0930eb
#0930eb
rgb(9,48,235)
-
#002af4
#002af4
rgb(0,42,244)
Color Blindness Simulator
Below, you can see how #002af4 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.