#00baf9 Color Information
In a RGB color space, hex #00baf9 is composed of 0% red, 72.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 25.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 195.2 degrees, a saturation of 100% and a lightness of 48.8%. #00baf9 color hex could be obtained by blending #00ffff with #0075f3. Closest websafe color is: #00ccff.
-
- R 0
- G 73
- B 98
-
- C 100
- M 25
- Y 0
- K 2
● #00baf9 color description : Pure (or mostly pure) blue.
#00baf9 Color Conversion
The hexadecimal color #00baf9 has RGB values of R:0, G:186, B:249 and CMYK values of C:1, M:0.25, Y:0, K:0.02. Its decimal value is 47865.
Hex triplet | 00baf9 | #00baf9 |
---|---|---|
RGB Decimal | 0, 186, 249 | rgb(0,186,249) |
RGB Percent | 0, 72.9, 97.6 | rgb(0%,72.9%,97.6%) |
CMYK | 100, 25, 0, 2 | |
HSL | 195.2°, 100, 48.8 | hsl(195.2,100%,48.8%) |
HSV (or HSB) | 195.2°, 100, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.839, -17.111, -41.982 |
---|---|
XYZ | 34.653, 41.954, 95.889 |
xyY | 0.201, 0.243, 41.954 |
CIE-LCH | 70.839, 45.335, 247.825 |
CIE-LUV | 70.839, -48.054, -65.899 |
Hunter-Lab | 64.772, -17.852, -42.433 |
Binary | 00000000, 10111010, 11111001 |
Color Schemes with #00baf9
Alternatives to #00baf9
Below, you can see some colors close to #00baf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00baf9 Preview
This text has a font color of #00baf9.
<span style="color:#00baf9;">Text here</span>
This paragraph has a background color of #00baf9.
<p style="background-color:#00baf9;">Content here</p>
This element has a border color of #00baf9.
<div style="border:1px solid #00baf9;">Content here</div>
.text {color:#00baf9;}
.background {background-color:#00baf9;}
.border {border:1px solid #00baf9;}
Shades and Tints of #00baf9
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, #000a0e is the darkest color, while #f9fdff is the lightest one.
-
#000a0e
#000a0e
rgb(0,10,14)
-
#001921
#001921
rgb(0,25,33)
-
#002735
#002735
rgb(0,39,53)
-
#003648
#003648
rgb(0,54,72)
-
#00455c
#00455c
rgb(0,69,92)
-
#005370
#005370
rgb(0,83,112)
-
#006283
#006283
rgb(0,98,131)
-
#007197
#007197
rgb(0,113,151)
-
#007fab
#007fab
rgb(0,127,171)
-
#008ebe
#008ebe
rgb(0,142,190)
-
#009dd2
#009dd2
rgb(0,157,210)
-
#00abe5
#00abe5
rgb(0,171,229)
-
#00baf9
#00baf9
rgb(0,186,249)
-
#0ec2ff
#0ec2ff
rgb(14,194,255)
-
#21c7ff
#21c7ff
rgb(33,199,255)
-
#35ccff
#35ccff
rgb(53,204,255)
-
#48d1ff
#48d1ff
rgb(72,209,255)
-
#5cd6ff
#5cd6ff
rgb(92,214,255)
-
#70dbff
#70dbff
rgb(112,219,255)
-
#83e0ff
#83e0ff
rgb(131,224,255)
-
#97e5ff
#97e5ff
rgb(151,229,255)
-
#abeaff
#abeaff
rgb(171,234,255)
-
#beefff
#beefff
rgb(190,239,255)
-
#d2f4ff
#d2f4ff
rgb(210,244,255)
-
#e5f9ff
#e5f9ff
rgb(229,249,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #00baf9
A tone is produced by adding gray to any pure hue. In this case, #738186 is the less saturated color, while #00baf9 is the most saturated one.
-
#738186
#738186
rgb(115,129,134)
-
#698690
#698690
rgb(105,134,144)
-
#608b99
#608b99
rgb(96,139,153)
-
#568fa3
#568fa3
rgb(86,143,163)
-
#4d94ac
#4d94ac
rgb(77,148,172)
-
#4399b6
#4399b6
rgb(67,153,182)
-
#399ec0
#399ec0
rgb(57,158,192)
-
#30a2c9
#30a2c9
rgb(48,162,201)
-
#26a7d3
#26a7d3
rgb(38,167,211)
-
#1dacdc
#1dacdc
rgb(29,172,220)
-
#13b1e6
#13b1e6
rgb(19,177,230)
-
#0ab5ef
#0ab5ef
rgb(10,181,239)
-
#00baf9
#00baf9
rgb(0,186,249)
Color Blindness Simulator
Below, you can see how #00baf9 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.