Color Charts
RGB
CMYK
RYB
#00678c Hex Color CodeThe hexadecimal color code #00678c is a medium dark shade of cyan. In the RGB color model #00678c is comprised of 0% red, 40.39% green and 54.9% blue. In the HSL color space #00678c has a hue of 195.86 degrees, 100% saturation and 27.45% lightness. This color has an approximate wavelength of 497 nm.
#00678c Color InformationInverted
#ff9873 25% Saturated
#00678c Grayscale
#464646
25% Lighter
#0080af Original
#00678c 25% Darker
#004d69
steelblue
#4682b4 25% Desaturated
#115e7a Web Safe: teal
#008080
rgb(0, 103, 140)
rgba(0, 103, 140, 1.0)
red: 0%, yellow: 23.2712%, blue: 54.902%
#00678c
26508
-16750708 / 0xff00678c
hsl(196, 100%, 27%)
hsla(196, 100%, 27%, 1.0)
hue: 196 (195.8571), saturation: 100 (100), value: 55 (54.902)
X: 9.5839, Y: 11.5939, Z: 26.5437
x: 0.2008, y: 0.243, Y: 11.5939
L: 40.5633, a: -11.0855, b: -27.4157
L: 40.5633, u: -27.4979, v: -37.8473
L: 40.5633, C: 29.5721, H: 247.9842
L: 34.0499, a: -9.3457, b: -22.3848
cyan: 100 (1), magenta: 26 (0.2643), yellow: 0 (0), key: 45 (0.451)
cyan: 100 (1), magenta: 60 (0.5961), yellow: 45 (0.451)
Y: 76.421, I: -73.2455, Q: -10.268
Y: 76.421, U: 31.2874, V: -67.0454
Y: 76.421, Db: 95.671, Dr: 145.328
Y: 81.632, Cb: 159.487, Cr: 80.156
Y: 83.725, Pb: 30.345, Pr: -53.202
7.5B 4/6 approximate; exact match: Munsell 7.5B 4/6 / #20678b
#00678c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00678c to White#00678c to Black#00678c foreground
<p style="color: #00678c">#00678c foreground</p>
#00678c background
<p style="background-color: #00678c; color: #fff">#00678c background</p>
#00678c border
<p style="border: #00678c 3px solid">#00678c border</p>
#00678c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00678c, #fff); background: -webkit-radial-gradient(50% 50%, #00678c, #fff); background: -o-radial-gradient(50% 50%, #00678c, #fff); background: -ms-radial-gradient(50% 50%, #00678c, #fff); background: radial-gradient(50% 50%, #00678c, #fff); color: #fff">#00678c radial gradient</p>
#00678c linear gradient to complementary #8c2400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00678c, #8c2400); background: -webkit-linear-gradient(top, #00678c, #8c2400); background: -o-linear-gradient(top, #00678c, #8c2400); background: -ms-linear-gradient(top, #00678c, #8c2400); background: linear-gradient(top, #00678c, #8c2400); color: #fff">#00678c linear gradient to complementary #8c2400</p>
#00678c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00678c">#00678c text shadow</p>
The matching paint colors are listed in order of relevancy to the #00678c 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 #00678c.
Jump to paint brand: