#01baf4 Color Information
In a RGB color space, hex #01baf4 is composed of 0.4% red, 72.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 23.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 194.3 degrees, a saturation of 99.2% and a lightness of 48%. #01baf4 color hex could be obtained by blending #02ffff with #0075e9. Closest websafe color is: #00ccff.
-
- R 0
- G 73
- B 96
-
- C 100
- M 24
- Y 0
- K 4
● #01baf4 color description : Vivid cyan.
#01baf4 Color Conversion
The hexadecimal color #01baf4 has RGB values of R:1, G:186, B:244 and CMYK values of C:1, M:0.24, Y:0, K:0.04. Its decimal value is 113396.
Hex triplet | 01baf4 | #01baf4 |
---|---|---|
RGB Decimal | 1, 186, 244 | rgb(1,186,244) |
RGB Percent | 0.4, 72.9, 95.7 | rgb(0.4%,72.9%,95.7%) |
CMYK | 100, 24, 0, 4 | |
HSL | 194.3°, 99.2, 48 | hsl(194.3,99.2%,48%) |
HSV (or HSB) | 194.3°, 99.6, 95.7 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.631, -18.833, -39.602 |
---|---|
XYZ | 33.896, 41.653, 91.836 |
xyY | 0.203, 0.249, 41.653 |
CIE-LCH | 70.631, 43.852, 244.566 |
CIE-LUV | 70.631, -48.393, -61.571 |
Hunter-Lab | 64.539, -19.193, -39.19 |
Binary | 00000001, 10111010, 11110100 |
Color Schemes with #01baf4
Alternatives to #01baf4
Below, you can see some colors close to #01baf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#01baf4 Preview
This text has a font color of #01baf4.
<span style="color:#01baf4;">Text here</span>
This paragraph has a background color of #01baf4.
<p style="background-color:#01baf4;">Content here</p>
This element has a border color of #01baf4.
<div style="border:1px solid #01baf4;">Content here</div>
.text {color:#01baf4;}
.background {background-color:#01baf4;}
.border {border:1px solid #01baf4;}
Shades and Tints of #01baf4
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, #00070a is the darkest color, while #f5fdff is the lightest one.
-
#00070a
#00070a
rgb(0,7,10)
-
#00161d
#00161d
rgb(0,22,29)
-
#002531
#002531
rgb(0,37,49)
-
#003444
#003444
rgb(0,52,68)
-
#004358
#004358
rgb(0,67,88)
-
#00526b
#00526b
rgb(0,82,107)
-
#01617f
#01617f
rgb(1,97,127)
-
#017092
#017092
rgb(1,112,146)
-
#017ea6
#017ea6
rgb(1,126,166)
-
#018db9
#018db9
rgb(1,141,185)
-
#019ccd
#019ccd
rgb(1,156,205)
-
#01abe0
#01abe0
rgb(1,171,224)
-
#01baf4
#01baf4
rgb(1,186,244)
-
#0bc4fe
#0bc4fe
rgb(11,196,254)
-
#1ec9fe
#1ec9fe
rgb(30,201,254)
-
#32cdfe
#32cdfe
rgb(50,205,254)
-
#45d2fe
#45d2fe
rgb(69,210,254)
-
#59d7fe
#59d7fe
rgb(89,215,254)
-
#6cdcfe
#6cdcfe
rgb(108,220,254)
-
#80e0fe
#80e0fe
rgb(128,224,254)
-
#93e5ff
#93e5ff
rgb(147,229,255)
-
#a7eaff
#a7eaff
rgb(167,234,255)
-
#baeeff
#baeeff
rgb(186,238,255)
-
#cef3ff
#cef3ff
rgb(206,243,255)
-
#e2f8ff
#e2f8ff
rgb(226,248,255)
-
#f5fdff
#f5fdff
rgb(245,253,255)
Tones of #01baf4
A tone is produced by adding gray to any pure hue. In this case, #727f83 is the less saturated color, while #01baf4 is the most saturated one.
-
#727f83
#727f83
rgb(114,127,131)
-
#69848c
#69848c
rgb(105,132,140)
-
#5f8996
#5f8996
rgb(95,137,150)
-
#568e9f
#568e9f
rgb(86,142,159)
-
#4c93a9
#4c93a9
rgb(76,147,169)
-
#4398b2
#4398b2
rgb(67,152,178)
-
#3a9cbb
#3a9cbb
rgb(58,156,187)
-
#30a1c5
#30a1c5
rgb(48,161,197)
-
#27a6ce
#27a6ce
rgb(39,166,206)
-
#1dabd8
#1dabd8
rgb(29,171,216)
-
#14b0e1
#14b0e1
rgb(20,176,225)
-
#0ab5eb
#0ab5eb
rgb(10,181,235)
-
#01baf4
#01baf4
rgb(1,186,244)
Color Blindness Simulator
Below, you can see how #01baf4 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.