#00bdff Color Information
In a RGB color space, hex #00bdff is composed of 0% red, 74.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 25.9% magenta, 0% yellow and 0% black. It has a hue angle of 195.5 degrees, a saturation of 100% and a lightness of 50%. #00bdff color hex could be obtained by blending #00ffff with #007bff. Closest websafe color is: #00ccff.
-
- R 0
- G 74
- B 100
-
- C 100
- M 26
- Y 0
- K 0
● #00bdff color description : Pure (or mostly pure) blue.
#00bdff Color Conversion
The hexadecimal color #00bdff has RGB values of R:0, G:189, B:255 and CMYK values of C:1, M:0.26, Y:0, K:0. Its decimal value is 48639.
Hex triplet | 00bdff | #00bdff |
---|---|---|
RGB Decimal | 0, 189, 255 | rgb(0,189,255) |
RGB Percent | 0, 74.1, 100 | rgb(0%,74.1%,100%) |
CMYK | 100, 26, 0, 0 | |
HSL | 195.5°, 100, 50 | hsl(195.5,100%,50%) |
HSV (or HSB) | 195.5°, 100, 100 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 71.968, -16.598, -43.454 |
---|---|
XYZ | 36.243, 43.612, 101.11 |
xyY | 0.2, 0.241, 43.612 |
CIE-LCH | 71.968, 46.515, 249.095 |
CIE-LUV | 71.968, -48.609, -68.636 |
Hunter-Lab | 66.039, -17.606, -44.549 |
Binary | 00000000, 10111101, 11111111 |
Color Schemes with #00bdff
Alternatives to #00bdff
Below, you can see some colors close to #00bdff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00bdff Preview
This text has a font color of #00bdff.
<span style="color:#00bdff;">Text here</span>
This paragraph has a background color of #00bdff.
<p style="background-color:#00bdff;">Content here</p>
This element has a border color of #00bdff.
<div style="border:1px solid #00bdff;">Content here</div>
.text {color:#00bdff;}
.background {background-color:#00bdff;}
.border {border:1px solid #00bdff;}
Shades and Tints of #00bdff
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, #000f14 is the darkest color, while #ffffff is the lightest one.
-
#000f14
#000f14
rgb(0,15,20)
-
#001d27
#001d27
rgb(0,29,39)
-
#002c3b
#002c3b
rgb(0,44,59)
-
#003a4e
#003a4e
rgb(0,58,78)
-
#004962
#004962
rgb(0,73,98)
-
#005776
#005776
rgb(0,87,118)
-
#006689
#006689
rgb(0,102,137)
-
#00749d
#00749d
rgb(0,116,157)
-
#0083b1
#0083b1
rgb(0,131,177)
-
#0091c4
#0091c4
rgb(0,145,196)
-
#00a0d8
#00a0d8
rgb(0,160,216)
-
#00aeeb
#00aeeb
rgb(0,174,235)
-
#00bdff
#00bdff
rgb(0,189,255)
-
#14c2ff
#14c2ff
rgb(20,194,255)
-
#27c7ff
#27c7ff
rgb(39,199,255)
-
#3bccff
#3bccff
rgb(59,204,255)
-
#4ed1ff
#4ed1ff
rgb(78,209,255)
-
#62d6ff
#62d6ff
rgb(98,214,255)
-
#76dbff
#76dbff
rgb(118,219,255)
-
#89e1ff
#89e1ff
rgb(137,225,255)
-
#9de6ff
#9de6ff
rgb(157,230,255)
-
#b1ebff
#b1ebff
rgb(177,235,255)
-
#c4f0ff
#c4f0ff
rgb(196,240,255)
-
#d8f5ff
#d8f5ff
rgb(216,245,255)
-
#ebfaff
#ebfaff
rgb(235,250,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #00bdff
A tone is produced by adding gray to any pure hue. In this case, #768489 is the less saturated color, while #00bdff is the most saturated one.
-
#768489
#768489
rgb(118,132,137)
-
#6c8993
#6c8993
rgb(108,137,147)
-
#628e9d
#628e9d
rgb(98,142,157)
-
#5892a7
#5892a7
rgb(88,146,167)
-
#4e97b1
#4e97b1
rgb(78,151,177)
-
#459cba
#459cba
rgb(69,156,186)
-
#3ba1c4
#3ba1c4
rgb(59,161,196)
-
#31a5ce
#31a5ce
rgb(49,165,206)
-
#27aad8
#27aad8
rgb(39,170,216)
-
#1dafe2
#1dafe2
rgb(29,175,226)
-
#14b4eb
#14b4eb
rgb(20,180,235)
-
#0ab8f5
#0ab8f5
rgb(10,184,245)
-
#00bdff
#00bdff
rgb(0,189,255)
Color Blindness Simulator
Below, you can see how #00bdff 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.