#0badff Color Information
In a RGB color space, hex #0badff is composed of 4.3% red, 67.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 32.2% magenta, 0% yellow and 0% black. It has a hue angle of 200.2 degrees, a saturation of 100% and a lightness of 52.2%. #0badff color hex could be obtained by blending #16ffff with #005bff. Closest websafe color is: #0099ff.
-
- R 4
- G 68
- B 100
-
- C 96
- M 32
- Y 0
- K 0
● #0badff color description : Vivid blue.
#0badff Color Conversion
The hexadecimal color #0badff has RGB values of R:11, G:173, B:255 and CMYK values of C:0.96, M:0.32, Y:0, K:0. Its decimal value is 765439.
Hex triplet | 0badff | #0badff |
---|---|---|
RGB Decimal | 11, 173, 255 | rgb(11,173,255) |
RGB Percent | 4.3, 67.8, 100 | rgb(4.3%,67.8%,100%) |
CMYK | 96, 32, 0, 0 | |
HSL | 200.2°, 100, 52.2 | hsl(200.2,100%,52.2%) |
HSV (or HSB) | 200.2°, 95.7, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.408, -7.646, -50.619 |
---|---|
XYZ | 33.127, 37.175, 100.032 |
xyY | 0.194, 0.218, 37.175 |
CIE-LCH | 67.408, 51.194, 261.411 |
CIE-LUV | 67.408, -43.023, -81.292 |
Hunter-Lab | 60.971, -9.717, -54.593 |
Binary | 00001011, 10101101, 11111111 |
Color Schemes with #0badff
Alternatives to #0badff
Below, you can see some colors close to #0badff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0badff Preview
This text has a font color of #0badff.
<span style="color:#0badff;">Text here</span>
This paragraph has a background color of #0badff.
<p style="background-color:#0badff;">Content here</p>
This element has a border color of #0badff.
<div style="border:1px solid #0badff;">Content here</div>
.text {color:#0badff;}
.background {background-color:#0badff;}
.border {border:1px solid #0badff;}
Shades and Tints of #0badff
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, #00070b is the darkest color, while #f6fcff is the lightest one.
-
#00070b
#00070b
rgb(0,7,11)
-
#00141f
#00141f
rgb(0,20,31)
-
#002132
#002132
rgb(0,33,50)
-
#002e46
#002e46
rgb(0,46,70)
-
#003b59
#003b59
rgb(0,59,89)
-
#00486d
#00486d
rgb(0,72,109)
-
#005581
#005581
rgb(0,85,129)
-
#006294
#006294
rgb(0,98,148)
-
#006fa8
#006fa8
rgb(0,111,168)
-
#007dbc
#007dbc
rgb(0,125,188)
-
#008acf
#008acf
rgb(0,138,207)
-
#0097e3
#0097e3
rgb(0,151,227)
-
#00a4f6
#00a4f6
rgb(0,164,246)
-
#0badff
#0badff
rgb(11,173,255)
-
#1fb4ff
#1fb4ff
rgb(31,180,255)
-
#32baff
#32baff
rgb(50,186,255)
-
#46c1ff
#46c1ff
rgb(70,193,255)
-
#59c7ff
#59c7ff
rgb(89,199,255)
-
#6dceff
#6dceff
rgb(109,206,255)
-
#81d5ff
#81d5ff
rgb(129,213,255)
-
#94dbff
#94dbff
rgb(148,219,255)
-
#a8e2ff
#a8e2ff
rgb(168,226,255)
-
#bce8ff
#bce8ff
rgb(188,232,255)
-
#cfefff
#cfefff
rgb(207,239,255)
-
#e3f6ff
#e3f6ff
rgb(227,246,255)
-
#f6fcff
#f6fcff
rgb(246,252,255)
Tones of #0badff
A tone is produced by adding gray to any pure hue. In this case, #7c888e is the less saturated color, while #0badff is the most saturated one.
-
#7c888e
#7c888e
rgb(124,136,142)
-
#728b98
#728b98
rgb(114,139,152)
-
#698ea1
#698ea1
rgb(105,142,161)
-
#5f91ab
#5f91ab
rgb(95,145,171)
-
#5694b4
#5694b4
rgb(86,148,180)
-
#4d97bd
#4d97bd
rgb(77,151,189)
-
#439bc7
#439bc7
rgb(67,155,199)
-
#3a9ed0
#3a9ed0
rgb(58,158,208)
-
#31a1d9
#31a1d9
rgb(49,161,217)
-
#27a4e3
#27a4e3
rgb(39,164,227)
-
#1ea7ec
#1ea7ec
rgb(30,167,236)
-
#14aaf6
#14aaf6
rgb(20,170,246)
-
#0badff
#0badff
rgb(11,173,255)
Color Blindness Simulator
Below, you can see how #0badff 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.