#01a7bc
Hex Color CodeThe hexadecimal color code #01a7bc
is a medium dark shade of cyan. In the RGB color model #01a7bc
is comprised of 0.39% red, 65.49% green and 73.73% blue. In the HSL color space #01a7bc
has a hue of 186.74 degrees, 98.94% saturation and 37.06% lightness. This color has an approximate wavelength of 502 nm.
#01a7bc
Color InformationInverted
#fe5843 25% Saturated
#00a7bd Grayscale
#5e5e5e
25% Lighter
#01d0eb Original
#01a7bc 25% Darker
#007d8d
cadetblue
#5f9ea0 25% Desaturated
#1894a4 Web Safe: teal
#008080
rgb(1, 167, 188)
rgba(1, 167, 188, 1.0)
red: 0.3922%, yellow: 34.8775%, blue: 73.7255%
#01a7bc
108476
-16668740 / 0xff01a7bc
hsl(187, 99%, 37%)
hsla(187, 99%, 37%, 1.0)
hue: 187 (186.738), saturation: 99 (99.4681), value: 74 (73.7255)
X: 22.9083, Y: 31.2747, Z: 52.4062
x: 0.2149, y: 0.2934, Y: 31.2747
L: 62.7389, a: -28.2284, b: -20.9801
L: 62.7389, u: -46.2466, v: -28.383
L: 62.7389, C: 35.1711, H: 216.6207
L: 55.9238, a: -24.7469, b: -16.414
cyan: 99 (0.9947), magenta: 11 (0.1117), yellow: 0 (0), key: 26 (0.2627)
cyan: 100 (0.9961), magenta: 35 (0.3451), yellow: 26 (0.2627)
Y: 119.76, I: -105.6354, Q: -28.5679
Y: 119.76, U: 33.5813, V: -104.1902
Y: 119.76, Db: 102.693, Dr: 225.835
Y: 118.849, Cb: 161.787, Cr: 53.635
Y: 133.154, Pb: 29.59, Pr: -83.966
10BG 6/8 (approximate)
#01a7bc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01a7bc
to White#01a7bc
to Black#01a7bc
foreground
<p style="color: #01a7bc">#01a7bc foreground</p>
#01a7bc
background
<p style="background-color: #01a7bc; color: #fff">#01a7bc background</p>
#01a7bc
border
<p style="border: #01a7bc 3px solid">#01a7bc border</p>
#01a7bc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01a7bc, #fff); background: -webkit-radial-gradient(50% 50%, #01a7bc, #fff); background: -o-radial-gradient(50% 50%, #01a7bc, #fff); background: -ms-radial-gradient(50% 50%, #01a7bc, #fff); background: radial-gradient(50% 50%, #01a7bc, #fff); color: #fff">#01a7bc radial gradient</p>
#01a7bc
linear gradient to complementary #bc1600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01a7bc, #bc1600); background: -webkit-linear-gradient(top, #01a7bc, #bc1600); background: -o-linear-gradient(top, #01a7bc, #bc1600); background: -ms-linear-gradient(top, #01a7bc, #bc1600); background: linear-gradient(top, #01a7bc, #bc1600); color: #fff">
#01a7bc
linear gradient to complementary #bc1600
</p>
#01a7bc
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01a7bc">#01a7bc text shadow</p>
The matching paint colors are listed in order of relevancy to the #01a7bc
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 #01a7bc
.
Jump to paint brand: