#04abf4 Color Information
In a RGB color space, hex #04abf4 is composed of 1.6% red, 67.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 29.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 198.3 degrees, a saturation of 96.8% and a lightness of 48.6%. #04abf4 color hex could be obtained by blending #08ffff with #0057e9. Closest websafe color is: #0099ff.
-
- R 2
- G 67
- B 96
-
- C 98
- M 30
- Y 0
- K 4
● #04abf4 color description : Vivid blue.
#04abf4 Color Conversion
The hexadecimal color #04abf4 has RGB values of R:4, G:171, B:244 and CMYK values of C:0.98, M:0.3, Y:0, K:0.04. Its decimal value is 306164.
Hex triplet | 04abf4 | #04abf4 |
---|---|---|
RGB Decimal | 4, 171, 244 | rgb(4,171,244) |
RGB Percent | 1.6, 67.1, 95.7 | rgb(1.6%,67.1%,95.7%) |
CMYK | 98, 30, 0, 4 | |
HSL | 198.3°, 96.8, 48.6 | hsl(198.3,96.8%,48.6%) |
HSV (or HSB) | 198.3°, 98.4, 95.7 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 66.275, -10.689, -46.425 |
---|---|
XYZ | 30.938, 35.68, 90.839 |
xyY | 0.196, 0.227, 35.68 |
CIE-LCH | 66.275, 47.64, 257.034 |
CIE-LUV | 66.275, -43.32, -73.61 |
Hunter-Lab | 59.733, -12.081, -48.353 |
Binary | 00000100, 10101011, 11110100 |
Color Schemes with #04abf4
Alternatives to #04abf4
Below, you can see some colors close to #04abf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#04abf4 Preview
This text has a font color of #04abf4.
<span style="color:#04abf4;">Text here</span>
This paragraph has a background color of #04abf4.
<p style="background-color:#04abf4;">Content here</p>
This element has a border color of #04abf4.
<div style="border:1px solid #04abf4;">Content here</div>
.text {color:#04abf4;}
.background {background-color:#04abf4;}
.border {border:1px solid #04abf4;}
Shades and Tints of #04abf4
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, #00090c is the darkest color, while #f8fdff is the lightest one.
-
#00090c
#00090c
rgb(0,9,12)
-
#011620
#011620
rgb(1,22,32)
-
#012433
#012433
rgb(1,36,51)
-
#013146
#013146
rgb(1,49,70)
-
#013f5a
#013f5a
rgb(1,63,90)
-
#024c6d
#024c6d
rgb(2,76,109)
-
#025a80
#025a80
rgb(2,90,128)
-
#026794
#026794
rgb(2,103,148)
-
#0375a7
#0375a7
rgb(3,117,167)
-
#0382ba
#0382ba
rgb(3,130,186)
-
#0390cd
#0390cd
rgb(3,144,205)
-
#049de1
#049de1
rgb(4,157,225)
-
#04abf4
#04abf4
rgb(4,171,244)
-
#11b4fb
#11b4fb
rgb(17,180,251)
-
#24bafb
#24bafb
rgb(36,186,251)
-
#37c0fc
#37c0fc
rgb(55,192,252)
-
#4ac6fc
#4ac6fc
rgb(74,198,252)
-
#5eccfc
#5eccfc
rgb(94,204,252)
-
#71d2fd
#71d2fd
rgb(113,210,253)
-
#84d8fd
#84d8fd
rgb(132,216,253)
-
#98defd
#98defd
rgb(152,222,253)
-
#abe4fe
#abe4fe
rgb(171,228,254)
-
#beebfe
#beebfe
rgb(190,235,254)
-
#d2f1fe
#d2f1fe
rgb(210,241,254)
-
#e5f7ff
#e5f7ff
rgb(229,247,255)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #04abf4
A tone is produced by adding gray to any pure hue. In this case, #767e82 is the less saturated color, while #04abf4 is the most saturated one.
-
#767e82
#767e82
rgb(118,126,130)
-
#6d828b
#6d828b
rgb(109,130,139)
-
#638695
#638695
rgb(99,134,149)
-
#5a899e
#5a899e
rgb(90,137,158)
-
#508da8
#508da8
rgb(80,141,168)
-
#4791b1
#4791b1
rgb(71,145,177)
-
#3d95bb
#3d95bb
rgb(61,149,187)
-
#3498c4
#3498c4
rgb(52,152,196)
-
#2a9cce
#2a9cce
rgb(42,156,206)
-
#21a0d7
#21a0d7
rgb(33,160,215)
-
#17a4e1
#17a4e1
rgb(23,164,225)
-
#0ea7ea
#0ea7ea
rgb(14,167,234)
-
#04abf4
#04abf4
rgb(4,171,244)
Color Blindness Simulator
Below, you can see how #04abf4 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.