命名颜色 · #41A1AA
Marlin Green
Marlin Green 即 #41A1AA：rgb(65 161 170)、hsl(185 45% 46%)、oklch(0.656 0.09 203.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Marlin Green color name →
#41A1AA
oklch(0.656 0.09 203.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 58AAB2
- 6DB4BB
- 80BDC3
- 93C6CB
- A5D0D4
- B8D9DC
- C9E3E5
- DBECEE
- EDF6F6
深色调
- 378B93
- 2E767D
- 256268
- 1C4E53
- 133C3F
- 0B2A2D
- 05191B
- 01090B
- 000101
灰色调
- 4B9EA6
- 549BA2
- 5C979D
- 629499
- 689195
- 6E8E91
- 738A8D
- 788788
- 7C8384
配色和谐
互补色 +180°
- 41A1AA
Marlin Green
- C27B76
≈ Antique Pink
类似色 -30° +30°
- 41A1AA
Marlin Green
- 4EA38D
≈ Corrosion Green
- 559ABF
≈ Mountain Bluebird
三角配色 +120° +240°
- 41A1AA
Marlin Green
- AC7EB0
≈ Heart Potion
- AB8C4E
≈ Golden Years
分裂互补色 +150° +210°
- 41A1AA
Marlin Green
- BC7A95
≈ Benifuji
- BC825B
≈ Southern Barrens Mud
四角配色 +90° +180° +270°
- 41A1AA
Marlin Green
- 9486C3
≈ Amethyst Grey
- C27B76
≈ Antique Pink
- 909755
≈ Salvia Divinorum
对比度与无障碍
Ag
Fail白底
WCAG 3.04:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.90:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
代码片段
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);
}