命名颜色 · #1A9597

Sea Fantasy

Sea Fantasy 即 #1A9597：rgb(26 149 151)、hsl(181 71% 35%)、oklch(0.61 0.099 196.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Teal mean? → · Sea Fantasy color name →

#1A9597

oklch(0.61 0.099 196.6)

颜色转换

HEX: #1a9597
RGB: rgb(26 149 151)
HSL: hsl(181 71% 35%)
HWB: hwb(181 10% 41%)
OKLCH: oklch(0.61 0.099 196.6)
OKLab: oklab(0.61 -0.095 -0.028)
CIE Lab: lab(55.74 -31.89 -10.7)
LCH: lch(55.74 33.63 198.6)
CMYK: cmyk(83% 1% 0% 41%)

浅色调 · 深色调 · 灰色调

浅色调

3F9FA1
5AAAAB
70B5B5
86BFC0
9ACACA
AFD4D4
C3DFDF
D7EAEA
EBF4F4

深色调

158183
106D6F
0C5A5C
074849
043737
022626
011617
000808
000101

灰色调

319395
3F9192
4B8F90
558D8E
5E8B8C
668989
6D8787
748585
7A8282

配色和谐

互补色 +180°

1A9597
Sea Fantasy
B7696E
≈ Dusky Rose

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 3.62:1 · APCA Lc 63

Fail

黑底

WCAG 5.78:1 · APCA Lc 38

最佳文字颜色: #000000

WCAG 5.78:1 (AA) · APCA Lc 38

Contrast pairs

代码片段

CSS

:root {
  --sea-fantasy: #1a9597;
  --sea-fantasy-rgb: 26 149 151;
  --sea-fantasy-oklch: oklch(0.61 0.099 196.6);
}

.element {
  color: var(--sea-fantasy);
  background-color: hsl(181 71% 35%);
  border-color: oklch(0.61 0.099 196.6);
}

Tailwind CSS v4

@theme {
  --color-sea-fantasy: #1a9597;
  --color-sea-fantasy-50: #d5feff;
  --color-sea-fantasy-100: #c2f3f4;
  --color-sea-fantasy-200: #a2e2e4;
  --color-sea-fantasy-300: #77c7ca;
  --color-sea-fantasy-400: #4ab0b2;
  --color-sea-fantasy-500: #009a9c;
  --color-sea-fantasy-600: #008284;
  --color-sea-fantasy-700: #04686a;
  --color-sea-fantasy-800: #024d4d;
  --color-sea-fantasy-900: #033535;
  --color-sea-fantasy-950: #002020;
}

SCSS

$sea-fantasy: #1a9597;
$sea-fantasy-rgb: 26, 149, 151;
$sea-fantasy-light: mix(#fff, $sea-fantasy, 20%);
$sea-fantasy-dark: mix(#000, $sea-fantasy, 20%);

.element {
  color: $sea-fantasy;
  box-shadow: 0 0 0 2px rgba($sea-fantasy, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API