#004af4 Color Information
In a RGB color space, hex #004af4 is composed of 0% red, 29% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 221.8 degrees, a saturation of 100% and a lightness of 47.8%. #004af4 color hex could be obtained by blending #0094ff with #0000e9. Closest websafe color is: #0033ff.
-
- R 0
- G 29
- B 96
-
- C 100
- M 70
- Y 0
- K 4
● #004af4 color description : Pure (or mostly pure) blue.
#004af4 Color Conversion
The hexadecimal color #004af4 has RGB values of R:0, G:74, B:244 and CMYK values of C:1, M:0.7, Y:0, K:0.04. Its decimal value is 19188.
Hex triplet | 004af4 | #004af4 |
---|---|---|
RGB Decimal | 0, 74, 244 | rgb(0,74,244) |
RGB Percent | 0, 29, 95.7 | rgb(0%,29%,95.7%) |
CMYK | 100, 70, 0, 4 | |
HSL | 221.8°, 100, 47.8 | hsl(221.8,100%,47.8%) |
HSV (or HSB) | 221.8°, 100, 95.7 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 40.292, 48.556, -88.391 |
---|---|
XYZ | 18.775, 11.428, 86.799 |
xyY | 0.16, 0.098, 11.428 |
CIE-LCH | 40.292, 100.85, 298.782 |
CIE-LUV | 40.292, -16.328, -125.752 |
Hunter-Lab | 33.805, 39.977, -128.573 |
Binary | 00000000, 01001010, 11110100 |
Color Schemes with #004af4
Alternatives to #004af4
Below, you can see some colors close to #004af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#004af4 Preview
This text has a font color of #004af4.
<span style="color:#004af4;">Text here</span>
This paragraph has a background color of #004af4.
<p style="background-color:#004af4;">Content here</p>
This element has a border color of #004af4.
<div style="border:1px solid #004af4;">Content here</div>
.text {color:#004af4;}
.background {background-color:#004af4;}
.border {border:1px solid #004af4;}
Shades and Tints of #004af4
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, #000309 is the darkest color, while #f4f7ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#00091c
#00091c
rgb(0,9,28)
-
#000f30
#000f30
rgb(0,15,48)
-
#001443
#001443
rgb(0,20,67)
-
#001a57
#001a57
rgb(0,26,87)
-
#00206b
#00206b
rgb(0,32,107)
-
#00267e
#00267e
rgb(0,38,126)
-
#002c92
#002c92
rgb(0,44,146)
-
#0032a6
#0032a6
rgb(0,50,166)
-
#0038b9
#0038b9
rgb(0,56,185)
-
#003ecd
#003ecd
rgb(0,62,205)
-
#0044e0
#0044e0
rgb(0,68,224)
-
#004af4
#004af4
rgb(0,74,244)
-
#0953ff
#0953ff
rgb(9,83,255)
-
#1c61ff
#1c61ff
rgb(28,97,255)
-
#306fff
#306fff
rgb(48,111,255)
-
#437cff
#437cff
rgb(67,124,255)
-
#578aff
#578aff
rgb(87,138,255)
-
#6b98ff
#6b98ff
rgb(107,152,255)
-
#7ea5ff
#7ea5ff
rgb(126,165,255)
-
#92b3ff
#92b3ff
rgb(146,179,255)
-
#a6c1ff
#a6c1ff
rgb(166,193,255)
-
#b9ceff
#b9ceff
rgb(185,206,255)
-
#cddcff
#cddcff
rgb(205,220,255)
-
#e0eaff
#e0eaff
rgb(224,234,255)
-
#f4f7ff
#f4f7ff
rgb(244,247,255)
Tones of #004af4
A tone is produced by adding gray to any pure hue. In this case, #717683 is the less saturated color, while #004af4 is the most saturated one.
-
#717683
#717683
rgb(113,118,131)
-
#67738d
#67738d
rgb(103,115,141)
-
#5e6f96
#5e6f96
rgb(94,111,150)
-
#546ba0
#546ba0
rgb(84,107,160)
-
#4b68a9
#4b68a9
rgb(75,104,169)
-
#4264b2
#4264b2
rgb(66,100,178)
-
#3860bc
#3860bc
rgb(56,96,188)
-
#2f5cc5
#2f5cc5
rgb(47,92,197)
-
#2659ce
#2659ce
rgb(38,89,206)
-
#1c55d8
#1c55d8
rgb(28,85,216)
-
#1351e1
#1351e1
rgb(19,81,225)
-
#094eeb
#094eeb
rgb(9,78,235)
-
#004af4
#004af4
rgb(0,74,244)
Color Blindness Simulator
Below, you can see how #004af4 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.