#006756
Hex Color CodeThe hexadecimal color code #006756
is a dark shade of cyan. In the RGB color model #006756
is comprised of 0% red, 40.39% green and 33.73% blue. In the HSL color space #006756
has a hue of 170.1 degrees, 100% saturation and 20.2% lightness. This color has an approximate wavelength of 513 nm.
#006756
Color InformationInverted
#ff98a9 25% Saturated
#006756 Grayscale
#333333
rgb(0, 103, 86)
rgba(0, 103, 86, 1.0)
red: 0%, yellow: 22.0127%, blue: 40.3922%
#006756
26454
-16750762 / 0xff006756
hsl(170, 100%, 20%)
hsla(170, 100%, 20%, 1.0)
hue: 170 (170.0971), saturation: 100 (100), value: 40 (40.3922)
X: 6.53, Y: 10.3724, Z: 10.462
x: 0.2386, y: 0.379, Y: 10.3724
L: 38.5026, a: -30.1421, b: 2.366
L: 38.5026, u: -31.4609, v: 7.0554
L: 38.5026, C: 30.2348, H: 175.5119
L: 32.2062, a: -20.1691, b: 3.2843
cyan: 100 (1), magenta: 0 (0), yellow: 17 (0.165), key: 60 (0.5961)
cyan: 100 (1), magenta: 60 (0.5961), yellow: 66 (0.6627)
Y: 70.265, I: -55.8973, Q: -27.0693
Y: 70.265, U: 7.7434, V: -61.6448
Y: 70.265, Db: 23.689, Dr: 133.61
Y: 76.34, Cb: 135.781, Cr: 83.99
Y: 79.837, Pb: 3.345, Pr: -50.718
7.5G 4/6 approximate; exact match: Munsell 7.5G 4/6 / #166d5a
#006756
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#006756
to White#006756
to Black#006756
foreground
<p style="color: #006756">#006756 foreground</p>
#006756
background
<p style="background-color: #006756; color: #fff">#006756 background</p>
#006756
border
<p style="border: #006756 3px solid">#006756 border</p>
#006756
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #006756, #fff); background: -webkit-radial-gradient(50% 50%, #006756, #fff); background: -o-radial-gradient(50% 50%, #006756, #fff); background: -ms-radial-gradient(50% 50%, #006756, #fff); background: radial-gradient(50% 50%, #006756, #fff); color: #fff">#006756 radial gradient</p>
#006756
linear gradient to complementary #670010
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #006756, #670010); background: -webkit-linear-gradient(top, #006756, #670010); background: -o-linear-gradient(top, #006756, #670010); background: -ms-linear-gradient(top, #006756, #670010); background: linear-gradient(top, #006756, #670010); color: #fff">
#006756
linear gradient to complementary #670010
</p>
#006756
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #006756">#006756 text shadow</p>
The matching paint colors are listed in order of relevancy to the #006756
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 #006756
.
Jump to paint brand: