#04baf2 Color Information
In a RGB color space, hex #04baf2 is composed of 1.6% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 194.1 degrees, a saturation of 96.7% and a lightness of 48.2%. #04baf2 color hex could be obtained by blending #08ffff with #0075e5. Closest websafe color is: #00ccff.
-
- R 2
- G 73
- B 95
-
- C 98
- M 23
- Y 0
- K 5
● #04baf2 color description : Vivid cyan.
#04baf2 Color Conversion
The hexadecimal color #04baf2 has RGB values of R:4, G:186, B:242 and CMYK values of C:0.98, M:0.23, Y:0, K:0.05. Its decimal value is 310002.
Hex triplet | 04baf2 | #04baf2 |
---|---|---|
RGB Decimal | 4, 186, 242 | rgb(4,186,242) |
RGB Percent | 1.6, 72.9, 94.9 | rgb(1.6%,72.9%,94.9%) |
CMYK | 98, 23, 0, 5 | |
HSL | 194.1°, 96.7, 48.2 | hsl(194.1,96.7%,48.2%) |
HSV (or HSB) | 194.1°, 98.3, 94.9 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.56, -19.455, -38.627 |
---|---|
XYZ | 33.632, 41.551, 90.247 |
xyY | 0.203, 0.251, 41.551 |
CIE-LCH | 70.56, 43.249, 243.267 |
CIE-LUV | 70.56, -48.45, -59.812 |
Hunter-Lab | 64.46, -19.674, -37.887 |
Binary | 00000100, 10111010, 11110010 |
Color Schemes with #04baf2
Alternatives to #04baf2
Below, you can see some colors close to #04baf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#04baf2 Preview
This text has a font color of #04baf2.
<span style="color:#04baf2;">Text here</span>
This paragraph has a background color of #04baf2.
<p style="background-color:#04baf2;">Content here</p>
This element has a border color of #04baf2.
<div style="border:1px solid #04baf2;">Content here</div>
.text {color:#04baf2;}
.background {background-color:#04baf2;}
.border {border:1px solid #04baf2;}
Shades and Tints of #04baf2
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, #00080a is the darkest color, while #f6fdff is the lightest one.
-
#00080a
#00080a
rgb(0,8,10)
-
#00171e
#00171e
rgb(0,23,30)
-
#012631
#012631
rgb(1,38,49)
-
#013544
#013544
rgb(1,53,68)
-
#014358
#014358
rgb(1,67,88)
-
#02526b
#02526b
rgb(2,82,107)
-
#02617e
#02617e
rgb(2,97,126)
-
#027092
#027092
rgb(2,112,146)
-
#037fa5
#037fa5
rgb(3,127,165)
-
#038eb8
#038eb8
rgb(3,142,184)
-
#039ccb
#039ccb
rgb(3,156,203)
-
#04abdf
#04abdf
rgb(4,171,223)
-
#04baf2
#04baf2
rgb(4,186,242)
-
#0fc3fb
#0fc3fb
rgb(15,195,251)
-
#22c8fb
#22c8fb
rgb(34,200,251)
-
#35cdfc
#35cdfc
rgb(53,205,252)
-
#48d2fc
#48d2fc
rgb(72,210,252)
-
#5cd7fc
#5cd7fc
rgb(92,215,252)
-
#6fdbfd
#6fdbfd
rgb(111,219,253)
-
#82e0fd
#82e0fd
rgb(130,224,253)
-
#96e5fd
#96e5fd
rgb(150,229,253)
-
#a9eafe
#a9eafe
rgb(169,234,254)
-
#bceefe
#bceefe
rgb(188,238,254)
-
#d0f3fe
#d0f3fe
rgb(208,243,254)
-
#e3f8ff
#e3f8ff
rgb(227,248,255)
-
#f6fdff
#f6fdff
rgb(246,253,255)
Tones of #04baf2
A tone is produced by adding gray to any pure hue. In this case, #767e80 is the less saturated color, while #04baf2 is the most saturated one.
-
#767e80
#767e80
rgb(118,126,128)
-
#6c838a
#6c838a
rgb(108,131,138)
-
#638893
#638893
rgb(99,136,147)
-
#598d9d
#598d9d
rgb(89,141,157)
-
#5092a6
#5092a6
rgb(80,146,166)
-
#4697b0
#4697b0
rgb(70,151,176)
-
#3d9cb9
#3d9cb9
rgb(61,156,185)
-
#33a1c3
#33a1c3
rgb(51,161,195)
-
#2aa6cc
#2aa6cc
rgb(42,166,204)
-
#20abd6
#20abd6
rgb(32,171,214)
-
#17b0df
#17b0df
rgb(23,176,223)
-
#0db5e9
#0db5e9
rgb(13,181,233)
-
#04baf2
#04baf2
rgb(4,186,242)
Color Blindness Simulator
Below, you can see how #04baf2 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.