#00bccc Color Information
In a RGB color space, hex #00bccc is composed of 0% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 184.7 degrees, a saturation of 100% and a lightness of 40%. #00bccc color hex could be obtained by blending #00ffff with #007999. Closest websafe color is: #00cccc.
-
- R 0
- G 74
- B 80
-
- C 100
- M 8
- Y 0
- K 20
● #00bccc color description : Strong cyan.
#00bccc Color Conversion
The hexadecimal color #00bccc has RGB values of R:0, G:188, B:204 and CMYK values of C:1, M:0.08, Y:0, K:0.2. Its decimal value is 48332.
Hex triplet | 00bccc | #00bccc |
---|---|---|
RGB Decimal | 0, 188, 204 | rgb(0,188,204) |
RGB Percent | 0, 73.7, 80 | rgb(0%,73.7%,80%) |
CMYK | 100, 8, 0, 20 | |
HSL | 184.7°, 100, 40 | hsl(184.7,100%,40%) |
HSV (or HSB) | 184.7°, 100, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 69.699, -33.254, -19.238 |
---|---|
XYZ | 28.879, 40.323, 63.384 |
xyY | 0.218, 0.304, 40.323 |
CIE-LCH | 69.699, 38.418, 210.051 |
CIE-LUV | 69.699, -52.217, -25.234 |
Hunter-Lab | 63.5, -29.947, -14.731 |
Binary | 00000000, 10111100, 11001100 |
Color Schemes with #00bccc
Alternatives to #00bccc
Below, you can see some colors close to #00bccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00bccc Preview
This text has a font color of #00bccc.
<span style="color:#00bccc;">Text here</span>
This paragraph has a background color of #00bccc.
<p style="background-color:#00bccc;">Content here</p>
This element has a border color of #00bccc.
<div style="border:1px solid #00bccc;">Content here</div>
.text {color:#00bccc;}
.background {background-color:#00bccc;}
.border {border:1px solid #00bccc;}
Shades and Tints of #00bccc
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, #000708 is the darkest color, while #f3feff is the lightest one.
-
#000708
#000708
rgb(0,7,8)
-
#00191b
#00191b
rgb(0,25,27)
-
#002b2f
#002b2f
rgb(0,43,47)
-
#003d43
#003d43
rgb(0,61,67)
-
#005056
#005056
rgb(0,80,86)
-
#00626a
#00626a
rgb(0,98,106)
-
#00747e
#00747e
rgb(0,116,126)
-
#008691
#008691
rgb(0,134,145)
-
#0098a5
#0098a5
rgb(0,152,165)
-
#00aab8
#00aab8
rgb(0,170,184)
-
#00bccc
#00bccc
rgb(0,188,204)
-
#00cee0
#00cee0
rgb(0,206,224)
-
#00e0f3
#00e0f3
rgb(0,224,243)
-
#08ecff
#08ecff
rgb(8,236,255)
-
#1bedff
#1bedff
rgb(27,237,255)
-
#2fefff
#2fefff
rgb(47,239,255)
-
#43f0ff
#43f0ff
rgb(67,240,255)
-
#56f2ff
#56f2ff
rgb(86,242,255)
-
#6af3ff
#6af3ff
rgb(106,243,255)
-
#7ef5ff
#7ef5ff
rgb(126,245,255)
-
#91f6ff
#91f6ff
rgb(145,246,255)
-
#a5f8ff
#a5f8ff
rgb(165,248,255)
-
#b8f9ff
#b8f9ff
rgb(184,249,255)
-
#ccfbff
#ccfbff
rgb(204,251,255)
-
#e0fdff
#e0fdff
rgb(224,253,255)
-
#f3feff
#f3feff
rgb(243,254,255)
Tones of #00bccc
A tone is produced by adding gray to any pure hue. In this case, #5e6d6e is the less saturated color, while #00bccc is the most saturated one.
-
#5e6d6e
#5e6d6e
rgb(94,109,110)
-
#567376
#567376
rgb(86,115,118)
-
#4e7a7e
#4e7a7e
rgb(78,122,126)
-
#478085
#478085
rgb(71,128,133)
-
#3f878d
#3f878d
rgb(63,135,141)
-
#378e95
#378e95
rgb(55,142,149)
-
#2f949d
#2f949d
rgb(47,148,157)
-
#279ba5
#279ba5
rgb(39,155,165)
-
#1fa2ad
#1fa2ad
rgb(31,162,173)
-
#18a8b4
#18a8b4
rgb(24,168,180)
-
#10afbc
#10afbc
rgb(16,175,188)
-
#08b5c4
#08b5c4
rgb(8,181,196)
-
#00bccc
#00bccc
rgb(0,188,204)
Color Blindness Simulator
Below, you can see how #00bccc 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.