#00baf3 Color Information
In a RGB color space, hex #00baf3 is composed of 0% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 23.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 194.1 degrees, a saturation of 100% and a lightness of 47.6%. #00baf3 color hex could be obtained by blending #00ffff with #0075e7. Closest websafe color is: #00ccff.
-
- R 0
- G 73
- B 95
-
- C 100
- M 23
- Y 0
- K 5
● #00baf3 color description : Pure (or mostly pure) cyan.
#00baf3 Color Conversion
The hexadecimal color #00baf3 has RGB values of R:0, G:186, B:243 and CMYK values of C:1, M:0.23, Y:0, K:0.05. Its decimal value is 47859.
Hex triplet | 00baf3 | #00baf3 |
---|---|---|
RGB Decimal | 0, 186, 243 | rgb(0,186,243) |
RGB Percent | 0, 72.9, 95.3 | rgb(0%,72.9%,95.3%) |
CMYK | 100, 23, 0, 5 | |
HSL | 194.1°, 100, 47.6 | hsl(194.1,100%,47.6%) |
HSV (or HSB) | 194.1°, 100, 95.3 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.584, -19.206, -39.133 |
---|---|
XYZ | 33.732, 41.586, 91.038 |
xyY | 0.203, 0.25, 41.586 |
CIE-LCH | 70.584, 43.592, 243.859 |
CIE-LUV | 70.584, -48.497, -60.715 |
Hunter-Lab | 64.487, -19.481, -38.561 |
Binary | 00000000, 10111010, 11110011 |
Color Schemes with #00baf3
Alternatives to #00baf3
Below, you can see some colors close to #00baf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00baf3 Preview
This text has a font color of #00baf3.
<span style="color:#00baf3;">Text here</span>
This paragraph has a background color of #00baf3.
<p style="background-color:#00baf3;">Content here</p>
This element has a border color of #00baf3.
<div style="border:1px solid #00baf3;">Content here</div>
.text {color:#00baf3;}
.background {background-color:#00baf3;}
.border {border:1px solid #00baf3;}
Shades and Tints of #00baf3
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, #000608 is the darkest color, while #f3fcff is the lightest one.
-
#000608
#000608
rgb(0,6,8)
-
#00151b
#00151b
rgb(0,21,27)
-
#00242f
#00242f
rgb(0,36,47)
-
#003342
#003342
rgb(0,51,66)
-
#004256
#004256
rgb(0,66,86)
-
#00516a
#00516a
rgb(0,81,106)
-
#00607d
#00607d
rgb(0,96,125)
-
#006f91
#006f91
rgb(0,111,145)
-
#007ea5
#007ea5
rgb(0,126,165)
-
#008db8
#008db8
rgb(0,141,184)
-
#009ccc
#009ccc
rgb(0,156,204)
-
#00abdf
#00abdf
rgb(0,171,223)
-
#00baf3
#00baf3
rgb(0,186,243)
-
#08c5ff
#08c5ff
rgb(8,197,255)
-
#1bcaff
#1bcaff
rgb(27,202,255)
-
#2fceff
#2fceff
rgb(47,206,255)
-
#42d3ff
#42d3ff
rgb(66,211,255)
-
#56d7ff
#56d7ff
rgb(86,215,255)
-
#6adcff
#6adcff
rgb(106,220,255)
-
#7de1ff
#7de1ff
rgb(125,225,255)
-
#91e5ff
#91e5ff
rgb(145,229,255)
-
#a5eaff
#a5eaff
rgb(165,234,255)
-
#b8eeff
#b8eeff
rgb(184,238,255)
-
#ccf3ff
#ccf3ff
rgb(204,243,255)
-
#dff8ff
#dff8ff
rgb(223,248,255)
-
#f3fcff
#f3fcff
rgb(243,252,255)
Tones of #00baf3
A tone is produced by adding gray to any pure hue. In this case, #707e83 is the less saturated color, while #00baf3 is the most saturated one.
-
#707e83
#707e83
rgb(112,126,131)
-
#67838c
#67838c
rgb(103,131,140)
-
#5d8896
#5d8896
rgb(93,136,150)
-
#548d9f
#548d9f
rgb(84,141,159)
-
#4b92a8
#4b92a8
rgb(75,146,168)
-
#4197b2
#4197b2
rgb(65,151,178)
-
#389cbb
#389cbb
rgb(56,156,187)
-
#2fa1c4
#2fa1c4
rgb(47,161,196)
-
#25a6ce
#25a6ce
rgb(37,166,206)
-
#1cabd7
#1cabd7
rgb(28,171,215)
-
#13b0e0
#13b0e0
rgb(19,176,224)
-
#09b5ea
#09b5ea
rgb(9,181,234)
-
#00baf3
#00baf3
rgb(0,186,243)
Color Blindness Simulator
Below, you can see how #00baf3 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.