Named color · #2C5252
Sea Moss
Sea Moss is #2C5252: rgb(44 82 82), hsl(180 30% 25%), oklch(0.411 0.043 195.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Sea Moss color name →
#2C5252
oklch(0.411 0.043 195.6)
Color conversions
- HEX
- #2c5252
- RGB
- rgb(44 82 82)
- HSL
- hsl(180 30% 25%)
- HWB
- hwb(180 17% 68%)
- OKLCH
- oklch(0.411 0.043 195.6)
- OKLab
- oklab(0.411 -0.042 -0.012)
- CIE Lab
- lab(32.08 -14.13 -4.48)
- LCH
- lch(32.08 14.82 197.6)
- CMYK
- cmyk(46% 0% 0% 68%)
Tints · Shades · Tones
Tints
- 406262
- 547272
- 688282
- 7C9393
- 91A5A4
- A6B6B6
- BCC8C8
- D2DADA
- E8ECEC
Shades
- 254646
- 1E3B3B
- 172F2F
- 112525
- 0A1A1A
- 051111
- 020808
- 010202
- 000000
Tones
- 355756
- 3E5B5B
- 46605F
- 4F6464
- 576969
- 5F6D6D
- 677272
- 6F7777
- 787B7B
Color harmonies
Complementary +180°
- 2C5252
Sea Moss
- 604143
≈ Fruit Yard
Analogous -30° +30°
- 2C5252
Sea Moss
- 335245
≈ Highland Green
- 30505D
≈ Velvet Evening
Triadic +120° +240°
- 2C5252
Sea Moss
- 54435B
≈ Purple Bloom
- 58472F
≈ Hóng Zōng Brown
Split-complementary +150° +210°
- 2C5252
Sea Moss
- 5C4150
≈ Majestic
- 5F4337
≈ Daniel Boone
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.62:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.43:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 8.62:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--sea-moss: #2c5252;
--sea-moss-rgb: 44 82 82;
--sea-moss-oklch: oklch(0.411 0.043 195.6);
}
.element {
color: var(--sea-moss);
background-color: hsl(180 30% 25%);
border-color: oklch(0.411 0.043 195.6);
}Tailwind CSS v4
@theme {
--color-sea-moss: #2c5252;
--color-sea-moss-50: #e8f9f9;
--color-sea-moss-100: #d8eded;
--color-sea-moss-200: #c0dadb;
--color-sea-moss-300: #9ebfbf;
--color-sea-moss-400: #81a7a7;
--color-sea-moss-500: #64908f;
--color-sea-moss-600: #557979;
--color-sea-moss-700: #446161;
--color-sea-moss-800: #314747;
--color-sea-moss-900: #213131;
--color-sea-moss-950: #101d1d;
}SCSS
$sea-moss: #2c5252;
$sea-moss-rgb: 44, 82, 82;
$sea-moss-light: mix(#fff, $sea-moss, 20%);
$sea-moss-dark: mix(#000, $sea-moss, 20%);
.element {
color: $sea-moss;
box-shadow: 0 0 0 2px rgba($sea-moss, 0.35);
}