#0297a1
Hex Color CodeThe hexadecimal color code #0297a1
is a medium dark shade of cyan. In the RGB color model #0297a1
is comprised of 0.78% red, 59.22% green and 63.14% blue. In the HSL color space #0297a1
has a hue of 183.77 degrees, 97.55% saturation and 31.96% lightness. This color has an approximate wavelength of 504 nm.
#0297a1
Color InformationInverted
#fd685e 25% Saturated
#0098a3 Grayscale
#515151
25% Lighter
#02bcc9 Original
#0297a1 25% Darker
#017178
darkcyan
#008b8b 25% Desaturated
#15858d Web Safe: teal
#008080
rgb(2, 151, 161)
rgba(2, 151, 161, 1.0)
red: 0.7843%, yellow: 30.9486%, blue: 63.1373%
#0297a1
169889
-16607327 / 0xff0297a1
hsl(184, 98%, 32%)
hsla(184, 98%, 32%, 1.0)
hue: 184 (183.7736), saturation: 99 (98.7578), value: 63 (63.1373)
X: 17.5247, Y: 24.7193, Z: 37.5659
x: 0.2196, y: 0.3097, Y: 24.7193
L: 56.8009, a: -29.2153, b: -14.7543
L: 56.8009, u: -42.7731, v: -17.934
L: 56.8009, C: 32.7295, H: 206.7947
L: 49.7185, a: -24.0902, b: -9.9948
cyan: 99 (0.9876), magenta: 6 (0.0621), yellow: 0 (0), key: 37 (0.3686)
cyan: 99 (0.9922), magenta: 41 (0.4078), yellow: 37 (0.3686)
Y: 107.589, I: -91.9743, Q: -28.3956
Y: 107.589, U: 26.2839, V: -92.6351
Y: 107.589, Db: 80.38, Dr: 200.787
Y: 108.396, Cb: 154.442, Cr: 61.879
Y: 119.983, Pb: 22.135, Pr: -74.96
7.5BG 6/8 (approximate)
#0297a1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0297a1
to White#0297a1
to Black#0297a1
foreground
<p style="color: #0297a1">#0297a1 foreground</p>
#0297a1
background
<p style="background-color: #0297a1; color: #fff">#0297a1 background</p>
#0297a1
border
<p style="border: #0297a1 3px solid">#0297a1 border</p>
#0297a1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0297a1, #fff); background: -webkit-radial-gradient(50% 50%, #0297a1, #fff); background: -o-radial-gradient(50% 50%, #0297a1, #fff); background: -ms-radial-gradient(50% 50%, #0297a1, #fff); background: radial-gradient(50% 50%, #0297a1, #fff); color: #fff">#0297a1 radial gradient</p>
#0297a1
linear gradient to complementary #a10b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0297a1, #a10b01); background: -webkit-linear-gradient(top, #0297a1, #a10b01); background: -o-linear-gradient(top, #0297a1, #a10b01); background: -ms-linear-gradient(top, #0297a1, #a10b01); background: linear-gradient(top, #0297a1, #a10b01); color: #fff">
#0297a1
linear gradient to complementary #a10b01
</p>
#0297a1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0297a1">#0297a1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0297a1
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 #0297a1
.
Jump to paint brand: