Named color · #41A1AA
Marlin Green
Marlin Green is #41A1AA: rgb(65 161 170), hsl(185 45% 46%), oklch(0.656 0.09 203.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Marlin Green color name →
#41A1AA
oklch(0.656 0.09 203.8)
Color conversions
- HEX
- #41a1aa
- RGB
- rgb(65 161 170)
- HSL
- hsl(185 45% 46%)
- HWB
- hwb(185 25% 33%)
- OKLCH
- oklch(0.656 0.09 203.8)
- OKLab
- oklab(0.656 -0.082 -0.036)
- CIE Lab
- lab(60.93 -27.06 -13.58)
- LCH
- lch(60.93 30.28 206.7)
- CMYK
- cmyk(62% 5% 0% 33%)
Tints · Shades · Tones
Tints
- 58AAB2
- 6DB4BB
- 80BDC3
- 93C6CB
- A5D0D4
- B8D9DC
- C9E3E5
- DBECEE
- EDF6F6
Shades
- 378B93
- 2E767D
- 256268
- 1C4E53
- 133C3F
- 0B2A2D
- 05191B
- 01090B
- 000101
Tones
- 4B9EA6
- 549BA2
- 5C979D
- 629499
- 689195
- 6E8E91
- 738A8D
- 788788
- 7C8384
Color harmonies
Complementary +180°
- 41A1AA
Marlin Green
- C27B76
≈ Antique Pink
Analogous -30° +30°
- 41A1AA
Marlin Green
- 4EA38D
≈ Corrosion Green
- 559ABF
≈ Mountain Bluebird
Triadic +120° +240°
- 41A1AA
Marlin Green
- AC7EB0
≈ Heart Potion
- AB8C4E
≈ Golden Years
Split-complementary +150° +210°
- 41A1AA
Marlin Green
- BC7A95
≈ Benifuji
- BC825B
≈ Southern Barrens Mud
Tetradic +90° +180° +270°
- 41A1AA
Marlin Green
- 9486C3
≈ Amethyst Grey
- C27B76
≈ Antique Pink
- 909755
≈ Salvia Divinorum
Contrast & accessibility
Ag
FailOn white
WCAG 3.04:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.90:1 · APCA Lc 45
Best text color: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--marlin-green: #41a1aa;
--marlin-green-rgb: 65 161 170;
--marlin-green-oklch: oklch(0.656 0.09 203.8);
}
.element {
color: var(--marlin-green);
background-color: hsl(185 45% 46%);
border-color: oklch(0.656 0.09 203.8);
}Tailwind CSS v4
@theme {
--color-marlin-green: #41a1aa;
--color-marlin-green-50: #d9fdff;
--color-marlin-green-100: #c6f1f7;
--color-marlin-green-200: #a7e0e7;
--color-marlin-green-300: #7fc5ce;
--color-marlin-green-400: #56aeb7;
--color-marlin-green-500: #2197a1;
--color-marlin-green-600: #208088;
--color-marlin-green-700: #1a666d;
--color-marlin-green-800: #104b4f;
--color-marlin-green-900: #0a3437;
--color-marlin-green-950: #002022;
}SCSS
$marlin-green: #41a1aa;
$marlin-green-rgb: 65, 161, 170;
$marlin-green-light: mix(#fff, $marlin-green, 20%);
$marlin-green-dark: mix(#000, $marlin-green, 20%);
.element {
color: $marlin-green;
box-shadow: 0 0 0 2px rgba($marlin-green, 0.35);
}