Color Charts
RGB
CMYK
RYB
#00bbce Hex Color CodeThe hexadecimal color code #00bbce is a shade of cyan. In the RGB color model #00bbce is comprised of 0% red, 73.33% green and 80.78% blue. In the HSL color space #00bbce has a hue of 185.53 degrees, 100% saturation and 40.39% lightness. This color has an approximate wavelength of 503 nm.
#00bbce Color InformationInverted
#ff4431 25% Saturated
#00bace Grayscale
#676767
25% Lighter
#02e7ff Original
#00bbce 25% Darker
#008c9a
darkturquoise
#00ced1 25% Desaturated
#19a5b4 Web Safe: teal
#008080
rgb(0, 187, 206)
rgba(0, 187, 206, 1.0)
red: 0%, yellow: 38.4394%, blue: 80.7843%
#00bbce
48078
-16729138 / 0xff00bbce
hsl(186, 100%, 40%)
hsla(186, 100%, 40%, 1.0)
hue: 186 (185.534), saturation: 100 (100), value: 81 (80.7843)
X: 28.9109, Y: 39.9969, Z: 64.5889
x: 0.2166, y: 0.2996, Y: 39.9969
L: 69.4673, a: -32.1316, b: -20.689
L: 69.4673, u: -51.7119, v: -27.7697
L: 69.4673, C: 38.2162, H: 212.7768
L: 63.2431, a: -29.076, b: -16.2816
cyan: 100 (1), magenta: 9 (0.0922), yellow: 0 (0), key: 19 (0.1922)
cyan: 100 (1), magenta: 27 (0.2667), yellow: 19 (0.1922)
Y: 133.253, I: -117.5029, Q: -33.6307
Y: 133.253, U: 35.7992, V: -116.9052
Y: 133.253, Db: 109.477, Dr: 253.394
Y: 130.436, Cb: 164.017, Cr: 44.558
Y: 148.537, Pb: 31.005, Pr: -94.374
10BG 7/8 approximate; exact match: Munsell 10BG 7/8 / #34bfd2
#00bbce / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00bbce to White#00bbce to Black#00bbce foreground
<p style="color: #00bbce; background-color: #000">#00bbce foreground</p>
#00bbce background
<p style="background-color: #00bbce">#00bbce background</p>
#00bbce border
<p style="border: #00bbce 3px solid">#00bbce border</p>
#00bbce radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00bbce, #fff); background: -webkit-radial-gradient(50% 50%, #00bbce, #fff); background: -o-radial-gradient(50% 50%, #00bbce, #fff); background: -ms-radial-gradient(50% 50%, #00bbce, #fff); background: radial-gradient(50% 50%, #00bbce, #fff)">#00bbce radial gradient</p>
#00bbce linear gradient to complementary #ce1300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00bbce, #ce1300); background: -webkit-linear-gradient(top, #00bbce, #ce1300); background: -o-linear-gradient(top, #00bbce, #ce1300); background: -ms-linear-gradient(top, #00bbce, #ce1300); background: linear-gradient(top, #00bbce, #ce1300); color: #000">#00bbce linear gradient to complementary #ce1300</p>
#00bbce text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #00bbce">#00bbce text shadow</p>
The matching paint colors are listed in order of relevancy to the #00bbce hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #00bbce.
Jump to paint brand: