Color Charts
RGB
CMYK
RYB
#18a99c Hex Color CodeThe hexadecimal color code #18a99c is a medium dark shade of cyan. In the RGB color model #18a99c is comprised of 9.41% red, 66.27% green and 61.18% blue. In the HSL color space #18a99c has a hue of 174.62 degrees, 75.13% saturation and 37.84% lightness. This color has an approximate wavelength of 510 nm.
#18a99c Color InformationInverted
#e75663 25% Saturated
#05bbaa Grayscale
#606060
25% Lighter
#1ed3c3 Original
#18a99c 25% Darker
#117e75
lightseagreen
#20b2aa 25% Desaturated
#2a968d Web Safe: teal
#008080
rgb(24, 169, 156)
rgba(24, 169, 156, 1.0)
red: 9.4118%, yellow: 39.1775%, blue: 66.2745%
#18a99c
1616284
-15160932 / 0xff18a99c
hsl(175, 75%, 38%)
hsla(175, 75%, 38%, 1.0)
hue: 175 (174.6207), saturation: 86 (85.7988), value: 66 (66.2745)
X: 20.5654, Y: 30.9704, Z: 36.3465
x: 0.234, y: 0.3524, Y: 30.9704
L: 62.4827, a: -38.1157, b: -3.4237
L: 62.4827, u: -48.2408, v: 0.6378
L: 62.4827, C: 38.2692, H: 185.1327
L: 55.6511, a: -31.4262, b: 0.2327
cyan: 86 (0.858), magenta: 0 (0), yellow: 8 (0.0769), key: 34 (0.3373)
cyan: 91 (0.9059), magenta: 34 (0.3373), yellow: 39 (0.3882)
Y: 124.163, I: -82.2024, Q: -34.7059
Y: 124.163, U: 15.6675, V: -87.8749
Y: 124.163, Db: 47.921, Dr: 190.464
Y: 122.632, Cb: 143.753, Cr: 65.268
Y: 137.179, Pb: 10.175, Pr: -71.902
2.5BG 6/8 approximate; exact match: Munsell 2.5BG 6/8 / #12a69a
#18a99c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#18a99c to White#18a99c to Black#18a99c foreground
<p style="color: #18a99c">#18a99c foreground</p>
#18a99c background
<p style="background-color: #18a99c; color: #fff">#18a99c background</p>
#18a99c border
<p style="border: #18a99c 3px solid">#18a99c border</p>
#18a99c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #18a99c, #fff); background: -webkit-radial-gradient(50% 50%, #18a99c, #fff); background: -o-radial-gradient(50% 50%, #18a99c, #fff); background: -ms-radial-gradient(50% 50%, #18a99c, #fff); background: radial-gradient(50% 50%, #18a99c, #fff); color: #fff">#18a99c radial gradient</p>
#18a99c linear gradient to complementary #a91824
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #18a99c, #a91824); background: -webkit-linear-gradient(top, #18a99c, #a91824); background: -o-linear-gradient(top, #18a99c, #a91824); background: -ms-linear-gradient(top, #18a99c, #a91824); background: linear-gradient(top, #18a99c, #a91824); color: #fff">#18a99c linear gradient to complementary #a91824</p>
#18a99c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #18a99c">#18a99c text shadow</p>
The matching paint colors are listed in order of relevancy to the #18a99c 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 #18a99c.
Jump to paint brand: