#01abb2
Hex Color CodeThe hexadecimal color code #01abb2
is a medium dark shade of cyan. In the RGB color model #01abb2
is comprised of 0.39% red, 67.06% green and 69.8% blue. In the HSL color space #01abb2
has a hue of 182.37 degrees, 98.88% saturation and 35.1% lightness. This color has an approximate wavelength of 505 nm.
#01abb2
Color InformationInverted
#fe544d 25% Saturated
#00abb3 Grayscale
#595959
25% Lighter
#01d5de Original
#01abb2 25% Darker
#008085
lightseagreen
#20b2aa 25% Desaturated
#17969b Web Safe: teal
#008080
rgb(1, 171, 178)
rgba(1, 171, 178, 1.0)
red: 0.3922%, yellow: 34.3979%, blue: 69.8039%
#01abb2
109490
-16667726 / 0xff01abb2
hsl(182, 99%, 35%)
hsla(182, 99%, 35%, 1.0)
hue: 182 (182.3729), saturation: 99 (99.4382), value: 70 (69.8039)
X: 22.6113, Y: 32.3466, Z: 47.1713
x: 0.2214, y: 0.3167, Y: 32.3466
L: 63.6283, a: -33.413, b: -14.0435
L: 63.6283, u: -48.4295, v: -16.5384
L: 63.6283, C: 36.2443, H: 202.7971
L: 56.8741, a: -28.5638, b: -9.3631
cyan: 99 (0.9944), magenta: 4 (0.0393), yellow: 0 (0), key: 30 (0.302)
cyan: 100 (0.9961), magenta: 33 (0.3294), yellow: 30 (0.302)
Y: 120.968, I: -103.5206, Q: -33.7696
Y: 120.968, U: 28.0658, V: -105.2501
Y: 120.968, Db: 85.831, Dr: 228.129
Y: 119.885, Cb: 156.233, Cr: 52.873
Y: 135.294, Pb: 23.05, Pr: -85.322
7.5BG 6/8 (approximate)
#01abb2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01abb2
to White#01abb2
to Black#01abb2
foreground
<p style="color: #01abb2">#01abb2 foreground</p>
#01abb2
background
<p style="background-color: #01abb2; color: #fff">#01abb2 background</p>
#01abb2
border
<p style="border: #01abb2 3px solid">#01abb2 border</p>
#01abb2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01abb2, #fff); background: -webkit-radial-gradient(50% 50%, #01abb2, #fff); background: -o-radial-gradient(50% 50%, #01abb2, #fff); background: -ms-radial-gradient(50% 50%, #01abb2, #fff); background: radial-gradient(50% 50%, #01abb2, #fff); color: #fff">#01abb2 radial gradient</p>
#01abb2
linear gradient to complementary #b20800
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01abb2, #b20800); background: -webkit-linear-gradient(top, #01abb2, #b20800); background: -o-linear-gradient(top, #01abb2, #b20800); background: -ms-linear-gradient(top, #01abb2, #b20800); background: linear-gradient(top, #01abb2, #b20800); color: #fff">
#01abb2
linear gradient to complementary #b20800
</p>
#01abb2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01abb2">#01abb2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01abb2
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 #01abb2
.
Jump to paint brand: