#00bcf0 Color Information
In a RGB color space, hex #00bcf0 is composed of 0% red, 73.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 21.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 193 degrees, a saturation of 100% and a lightness of 47.1%. #00bcf0 color hex could be obtained by blending #00ffff with #0079e1. Closest websafe color is: #00ccff.
-
- R 0
- G 74
- B 94
-
- C 100
- M 22
- Y 0
- K 6
● #00bcf0 color description : Pure (or mostly pure) cyan.
#00bcf0 Color Conversion
The hexadecimal color #00bcf0 has RGB values of R:0, G:188, B:240 and CMYK values of C:1, M:0.22, Y:0, K:0.06. Its decimal value is 48368.
Hex triplet | 00bcf0 | #00bcf0 |
---|---|---|
RGB Decimal | 0, 188, 240 | rgb(0,188,240) |
RGB Percent | 0, 73.7, 94.1 | rgb(0%,73.7%,94.1%) |
CMYK | 100, 22, 0, 6 | |
HSL | 193°, 100, 47.1 | hsl(193,100%,47.1%) |
HSV (or HSB) | 193°, 100, 94.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 71.046, -21.284, -36.789 |
---|---|
XYZ | 33.707, 42.254, 88.813 |
xyY | 0.205, 0.256, 42.254 |
CIE-LCH | 71.046, 42.502, 239.949 |
CIE-LUV | 71.046, -49.392, -56.485 |
Hunter-Lab | 65.003, -21.195, -35.504 |
Binary | 00000000, 10111100, 11110000 |
Color Schemes with #00bcf0
Alternatives to #00bcf0
Below, you can see some colors close to #00bcf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00bcf0 Preview
This text has a font color of #00bcf0.
<span style="color:#00bcf0;">Text here</span>
This paragraph has a background color of #00bcf0.
<p style="background-color:#00bcf0;">Content here</p>
This element has a border color of #00bcf0.
<div style="border:1px solid #00bcf0;">Content here</div>
.text {color:#00bcf0;}
.background {background-color:#00bcf0;}
.border {border:1px solid #00bcf0;}
Shades and Tints of #00bcf0
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, #000405 is the darkest color, while #f0fcff is the lightest one.
-
#000405
#000405
rgb(0,4,5)
-
#001318
#001318
rgb(0,19,24)
-
#00222c
#00222c
rgb(0,34,44)
-
#00323f
#00323f
rgb(0,50,63)
-
#004153
#004153
rgb(0,65,83)
-
#005067
#005067
rgb(0,80,103)
-
#00607a
#00607a
rgb(0,96,122)
-
#006f8e
#006f8e
rgb(0,111,142)
-
#007fa2
#007fa2
rgb(0,127,162)
-
#008eb5
#008eb5
rgb(0,142,181)
-
#009dc9
#009dc9
rgb(0,157,201)
-
#00addc
#00addc
rgb(0,173,220)
-
#00bcf0
#00bcf0
rgb(0,188,240)
-
#05c9ff
#05c9ff
rgb(5,201,255)
-
#18cdff
#18cdff
rgb(24,205,255)
-
#2cd1ff
#2cd1ff
rgb(44,209,255)
-
#3fd6ff
#3fd6ff
rgb(63,214,255)
-
#53daff
#53daff
rgb(83,218,255)
-
#67deff
#67deff
rgb(103,222,255)
-
#7ae2ff
#7ae2ff
rgb(122,226,255)
-
#8ee7ff
#8ee7ff
rgb(142,231,255)
-
#a2ebff
#a2ebff
rgb(162,235,255)
-
#b5efff
#b5efff
rgb(181,239,255)
-
#c9f3ff
#c9f3ff
rgb(201,243,255)
-
#dcf8ff
#dcf8ff
rgb(220,248,255)
-
#f0fcff
#f0fcff
rgb(240,252,255)
Tones of #00bcf0
A tone is produced by adding gray to any pure hue. In this case, #6f7d81 is the less saturated color, while #00bcf0 is the most saturated one.
-
#6f7d81
#6f7d81
rgb(111,125,129)
-
#66828a
#66828a
rgb(102,130,138)
-
#5c8894
#5c8894
rgb(92,136,148)
-
#538d9d
#538d9d
rgb(83,141,157)
-
#4a92a6
#4a92a6
rgb(74,146,166)
-
#4197af
#4197af
rgb(65,151,175)
-
#379db9
#379db9
rgb(55,157,185)
-
#2ea2c2
#2ea2c2
rgb(46,162,194)
-
#25a7cb
#25a7cb
rgb(37,167,203)
-
#1cacd4
#1cacd4
rgb(28,172,212)
-
#12b2de
#12b2de
rgb(18,178,222)
-
#09b7e7
#09b7e7
rgb(9,183,231)
-
#00bcf0
#00bcf0
rgb(0,188,240)
Color Blindness Simulator
Below, you can see how #00bcf0 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.