#029aa0
Hex Color CodeThe hexadecimal color code #029aa0
is a medium dark shade of cyan. In the RGB color model #029aa0
is comprised of 0.78% red, 60.39% green and 62.75% blue. In the HSL color space #029aa0
has a hue of 182.28 degrees, 97.53% saturation and 31.76% lightness. This color has an approximate wavelength of 505 nm.
#029aa0
Color InformationInverted
#fd655f 25% Saturated
#009ba2 Grayscale
#515151
25% Lighter
#02c0c8 Original
#029aa0 25% Darker
#017377
darkcyan
#008b8b 25% Desaturated
#15878c Web Safe: teal
#008080
rgb(2, 154, 160)
rgba(2, 154, 160, 1.0)
red: 0.7843%, yellow: 31.1651%, blue: 62.7451%
#029aa0
170656
-16606560 / 0xff029aa0
hsl(182, 98%, 32%)
hsla(182, 98%, 32%, 1.0)
hue: 182 (182.2785), saturation: 99 (98.75), value: 63 (62.7451)
X: 17.9258, Y: 25.6622, Z: 37.2662
x: 0.2217, y: 0.3174, Y: 25.6622
L: 57.715, a: -31.0003, b: -12.8043
L: 57.715, u: -43.9054, v: -14.685
L: 57.715, C: 33.5405, H: 202.4426
L: 50.6578, a: -25.4872, b: -8.1559
cyan: 99 (0.9875), magenta: 4 (0.0375), yellow: 0 (0), key: 37 (0.3725)
cyan: 99 (0.9922), magenta: 40 (0.3961), yellow: 37 (0.3725)
Y: 109.236, I: -92.4764, Q: -30.2745
Y: 109.236, U: 24.9813, V: -94.0801
Y: 109.236, Db: 76.398, Dr: 203.918
Y: 109.81, Cb: 153.13, Cr: 60.846
Y: 122.056, Pb: 20.48, Pr: -76.276
7.5BG 6/8 (approximate)
#029aa0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#029aa0
to White#029aa0
to Black#029aa0
foreground
<p style="color: #029aa0">#029aa0 foreground</p>
#029aa0
background
<p style="background-color: #029aa0; color: #fff">#029aa0 background</p>
#029aa0
border
<p style="border: #029aa0 3px solid">#029aa0 border</p>
#029aa0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #029aa0, #fff); background: -webkit-radial-gradient(50% 50%, #029aa0, #fff); background: -o-radial-gradient(50% 50%, #029aa0, #fff); background: -ms-radial-gradient(50% 50%, #029aa0, #fff); background: radial-gradient(50% 50%, #029aa0, #fff); color: #fff">#029aa0 radial gradient</p>
#029aa0
linear gradient to complementary #a00801
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #029aa0, #a00801); background: -webkit-linear-gradient(top, #029aa0, #a00801); background: -o-linear-gradient(top, #029aa0, #a00801); background: -ms-linear-gradient(top, #029aa0, #a00801); background: linear-gradient(top, #029aa0, #a00801); color: #fff">
#029aa0
linear gradient to complementary #a00801
</p>
#029aa0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #029aa0">#029aa0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #029aa0
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 #029aa0
.
Jump to paint brand: