Color Charts
RGB
CMYK
RYB
#01b888 Hex Color CodeThe hexadecimal color code #01b888 is a medium dark shade of green-cyan. In the RGB color model #01b888 is comprised of 0.39% red, 72.16% green and 53.33% blue. In the HSL color space #01b888 has a hue of 164.26 degrees, 98.92% saturation and 36.27% lightness. This color has an approximate wavelength of 517 nm.
#01b888 Color InformationInverted
#fe4777 25% Saturated
#00b988 Grayscale
#5c5c5c
25% Lighter
#01e6aa Original
#01b888 25% Darker
#008a66
mediumseagreen
#3cb371 25% Desaturated
#17a17d Web Safe: teal
#008080
rgb(1, 184, 136)
rgba(1, 184, 136, 1.0)
red: 0.3922%, yellow: 41.6907%, blue: 72.1569%
#01b888
112776
-16664440 / 0xff01b888
hsl(164, 99%, 36%)
hsla(164, 99%, 36%, 1.0)
hue: 164 (164.2623), saturation: 99 (99.4565), value: 72 (72.1569)
X: 21.5969, Y: 36.065, Z: 29.1155
x: 0.2489, y: 0.4156, Y: 36.065
L: 66.5696, a: -50.7946, b: 13.5112
L: 66.5696, u: -56.1811, v: 26.9036
L: 66.5696, C: 52.5608, H: 165.1044
L: 60.0541, a: -40.9018, b: 13.2929
cyan: 99 (0.9946), magenta: 0 (0), yellow: 26 (0.2609), key: 28 (0.2784)
cyan: 100 (0.9961), magenta: 28 (0.2784), yellow: 47 (0.4667)
Y: 123.811, I: -93.5954, Q: -53.6309
Y: 123.811, U: 5.9986, V: -107.7445
Y: 123.811, Db: 18.366, Dr: 233.523
Y: 122.321, Cb: 134.012, Cr: 51.071
Y: 141.565, Pb: -2.955, Pr: -89.292
5G 6/10 (approximate)
#01b888 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01b888 to White#01b888 to Black#01b888 foreground
<p style="color: #01b888">#01b888 foreground</p>
#01b888 background
<p style="background-color: #01b888; color: #fff">#01b888 background</p>
#01b888 border
<p style="border: #01b888 3px solid">#01b888 border</p>
#01b888 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01b888, #fff); background: -webkit-radial-gradient(50% 50%, #01b888, #fff); background: -o-radial-gradient(50% 50%, #01b888, #fff); background: -ms-radial-gradient(50% 50%, #01b888, #fff); background: radial-gradient(50% 50%, #01b888, #fff); color: #fff">#01b888 radial gradient</p>
#01b888 linear gradient to complementary #b80030
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01b888, #b80030); background: -webkit-linear-gradient(top, #01b888, #b80030); background: -o-linear-gradient(top, #01b888, #b80030); background: -ms-linear-gradient(top, #01b888, #b80030); background: linear-gradient(top, #01b888, #b80030); color: #fff">#01b888 linear gradient to complementary #b80030</p>
#01b888 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #01b888">#01b888 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01b888 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 #01b888.
Jump to paint brand: