#00a4bf
Hex Color CodeThe hexadecimal color code #00a4bf
is a medium dark shade of cyan. In the RGB color model #00a4bf
is comprised of 0% red, 64.31% green and 74.9% blue. In the HSL color space #00a4bf
has a hue of 188.48 degrees, 100% saturation and 37.45% lightness. This color has an approximate wavelength of 501 nm.
#00a4bf
Color InformationInverted
#ff5b40 25% Saturated
#00a3bf Grayscale
#5f5f5f
25% Lighter
#00ccee Original
#00a4bf 25% Darker
#007a8f
cadetblue
#5f9ea0 25% Desaturated
#1792a7 Web Safe: teal
#008080
rgb(0, 164, 191)
rgba(0, 164, 191, 1.0)
red: 0%, yellow: 34.6026%, blue: 74.902%
#00a4bf
42175
-16735041 / 0xff00a4bf
hsl(188, 100%, 37%)
hsla(188, 100%, 37%, 1.0)
hue: 188 (188.4817), saturation: 100 (100), value: 75 (74.902)
X: 22.6794, Y: 30.3125, Z: 53.9458
x: 0.2121, y: 0.2835, Y: 30.3125
L: 61.9229, a: -25.7513, b: -23.907
L: 61.9229, u: -45.013, v: -33.4365
L: 61.9229, C: 35.1379, H: 222.873
L: 55.0568, a: -22.8203, b: -19.5538
cyan: 100 (1), magenta: 14 (0.1414), yellow: 0 (0), key: 25 (0.251)
cyan: 100 (1), magenta: 36 (0.3569), yellow: 25 (0.251)
Y: 118.042, I: -106.3715, Q: -26.2781
Y: 118.042, U: 35.903, V: -103.5603
Y: 118.042, Db: 109.791, Dr: 224.471
Y: 117.374, Cb: 164.125, Cr: 54.087
Y: 131.012, Pb: 32.36, Pr: -83.242
2.5B 6/8 (approximate)
#00a4bf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00a4bf
to White#00a4bf
to Black#00a4bf
foreground
<p style="color: #00a4bf">#00a4bf foreground</p>
#00a4bf
background
<p style="background-color: #00a4bf; color: #fff">#00a4bf background</p>
#00a4bf
border
<p style="border: #00a4bf 3px solid">#00a4bf border</p>
#00a4bf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00a4bf, #fff); background: -webkit-radial-gradient(50% 50%, #00a4bf, #fff); background: -o-radial-gradient(50% 50%, #00a4bf, #fff); background: -ms-radial-gradient(50% 50%, #00a4bf, #fff); background: radial-gradient(50% 50%, #00a4bf, #fff); color: #fff">#00a4bf radial gradient</p>
#00a4bf
linear gradient to complementary #bf1a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00a4bf, #bf1a00); background: -webkit-linear-gradient(top, #00a4bf, #bf1a00); background: -o-linear-gradient(top, #00a4bf, #bf1a00); background: -ms-linear-gradient(top, #00a4bf, #bf1a00); background: linear-gradient(top, #00a4bf, #bf1a00); color: #fff">
#00a4bf
linear gradient to complementary #bf1a00
</p>
#00a4bf
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00a4bf">#00a4bf text shadow</p>
The matching paint colors are listed in order of relevancy to the #00a4bf
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 #00a4bf
.
Jump to paint brand: