#04caf0 Color Information
In a RGB color space, hex #04caf0 is composed of 1.6% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 189.7 degrees, a saturation of 96.7% and a lightness of 47.8%. #04caf0 color hex could be obtained by blending #08ffff with #0095e1. Closest websafe color is: #00ccff.
-
- R 2
- G 79
- B 94
-
- C 98
- M 16
- Y 0
- K 6
● #04caf0 color description : Vivid cyan.
#04caf0 Color Conversion
The hexadecimal color #04caf0 has RGB values of R:4, G:202, B:240 and CMYK values of C:0.98, M:0.16, Y:0, K:0.06. Its decimal value is 314096.
Hex triplet | 04caf0 | #04caf0 |
---|---|---|
RGB Decimal | 4, 202, 240 | rgb(4,202,240) |
RGB Percent | 1.6, 79.2, 94.1 | rgb(1.6%,79.2%,94.1%) |
CMYK | 98, 16, 0, 6 | |
HSL | 189.7°, 96.7, 47.8 | hsl(189.7,96.7%,47.8%) |
HSV (or HSB) | 189.7°, 98.3, 94.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.173, -28.253, -30.405 |
---|---|
XYZ | 36.894, 48.554, 89.861 |
xyY | 0.21, 0.277, 48.554 |
CIE-LCH | 75.173, 41.505, 227.101 |
CIE-LUV | 75.173, -53.968, -44.992 |
Hunter-Lab | 69.681, -27.43, -27.684 |
Binary | 00000100, 11001010, 11110000 |
Color Schemes with #04caf0
Alternatives to #04caf0
Below, you can see some colors close to #04caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#04caf0 Preview
This text has a font color of #04caf0.
<span style="color:#04caf0;">Text here</span>
This paragraph has a background color of #04caf0.
<p style="background-color:#04caf0;">Content here</p>
This element has a border color of #04caf0.
<div style="border:1px solid #04caf0;">Content here</div>
.text {color:#04caf0;}
.background {background-color:#04caf0;}
.border {border:1px solid #04caf0;}
Shades and Tints of #04caf0
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, #000708 is the darkest color, while #f4fdff is the lightest one.
-
#000708
#000708
rgb(0,7,8)
-
#00171c
#00171c
rgb(0,23,28)
-
#01282f
#01282f
rgb(1,40,47)
-
#013842
#013842
rgb(1,56,66)
-
#014856
#014856
rgb(1,72,86)
-
#025869
#025869
rgb(2,88,105)
-
#02697c
#02697c
rgb(2,105,124)
-
#027990
#027990
rgb(2,121,144)
-
#0389a3
#0389a3
rgb(3,137,163)
-
#0399b6
#0399b6
rgb(3,153,182)
-
#03aac9
#03aac9
rgb(3,170,201)
-
#04badd
#04badd
rgb(4,186,221)
-
#04caf0
#04caf0
rgb(4,202,240)
-
#0dd5fb
#0dd5fb
rgb(13,213,251)
-
#20d8fb
#20d8fb
rgb(32,216,251)
-
#33dbfc
#33dbfc
rgb(51,219,252)
-
#47dffc
#47dffc
rgb(71,223,252)
-
#5ae2fc
#5ae2fc
rgb(90,226,252)
-
#6de5fd
#6de5fd
rgb(109,229,253)
-
#80e9fd
#80e9fd
rgb(128,233,253)
-
#94ecfd
#94ecfd
rgb(148,236,253)
-
#a7f0fe
#a7f0fe
rgb(167,240,254)
-
#baf3fe
#baf3fe
rgb(186,243,254)
-
#cef6fe
#cef6fe
rgb(206,246,254)
-
#e1fafe
#e1fafe
rgb(225,250,254)
-
#f4fdff
#f4fdff
rgb(244,253,255)
Tones of #04caf0
A tone is produced by adding gray to any pure hue. In this case, #757e7f is the less saturated color, while #04caf0 is the most saturated one.
-
#757e7f
#757e7f
rgb(117,126,127)
-
#6b8489
#6b8489
rgb(107,132,137)
-
#628a92
#628a92
rgb(98,138,146)
-
#58919c
#58919c
rgb(88,145,156)
-
#4f97a5
#4f97a5
rgb(79,151,165)
-
#469dae
#469dae
rgb(70,157,174)
-
#3ca4b8
#3ca4b8
rgb(60,164,184)
-
#33aac1
#33aac1
rgb(51,170,193)
-
#2ab1ca
#2ab1ca
rgb(42,177,202)
-
#20b7d4
#20b7d4
rgb(32,183,212)
-
#17bddd
#17bddd
rgb(23,189,221)
-
#0dc4e7
#0dc4e7
rgb(13,196,231)
-
#04caf0
#04caf0
rgb(4,202,240)
Color Blindness Simulator
Below, you can see how #04caf0 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.