命名颜色 · #019A8D
Santorini Seascape
Santorini Seascape 即 #019A8D：rgb(1 154 141)、hsl(175 99% 30%)、oklch(0.617 0.109 184.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Teal mean? → · Santorini Seascape color name →
#019A8D
oklch(0.617 0.109 184.4)
颜色转换
- HEX
- #019a8d
- RGB
- rgb(1 154 141)
- HSL
- hsl(175 99% 30%)
- HWB
- hwb(175 0% 40%)
- OKLCH
- oklch(0.617 0.109 184.4)
- OKLab
- oklab(0.617 -0.109 -0.008)
- CIE Lab
- lab(56.87 -37.79 -3.4)
- LCH
- lch(56.87 37.95 185.1)
- CMYK
- cmyk(99% 0% 8% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- 39A498
- 56AEA3
- 6EB8AE
- 84C2B9
- 99CCC4
- AED6D0
- C2E1DC
- D7EBE7
- EBF5F3
深色调
- 01857A
- 017167
- 005E55
- 004B44
- 003933
- 002723
- 001714
- 000907
- 000101
灰色调
- 29988C
- 3B958A
- 489389
- 539088
- 5C8E86
- 658B85
- 6C8884
- 738683
- 7A8381
配色和谐
互补色 +180°
- 019A8D
Santorini Seascape
- BB687D
≈ Creamed Raspberry
类似色 -30° +30°
- 019A8D
Santorini Seascape
- 499867
≈ Solitary Tree
- 0095AD
≈ Munsell Blue
三角配色 +120° +240°
- 019A8D
Santorini Seascape
- 9474BA
≈ Viola
- B27637
≈ Durian
分裂互补色 +150° +210°
- 019A8D
Santorini Seascape
- AD6BA0
≈ Victorian Valentine
- BD6C58
≈ Cedar Grove
四角配色 +90° +180° +270°
- 019A8D
Santorini Seascape
- 727FC6
≈ Persian Jewel
- BB687D
≈ Creamed Raspberry
- 9A842B
≈ Lemon Ginger
对比度与无障碍
Ag
Fail白底
WCAG 3.49:1 · APCA Lc 62
Ag
AA黑底
WCAG 6.00:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--santorini-seascape: #019a8d;
--santorini-seascape-rgb: 1 154 141;
--santorini-seascape-oklch: oklch(0.617 0.109 184.4);
}
.element {
color: var(--santorini-seascape);
background-color: hsl(175 99% 30%);
border-color: oklch(0.617 0.109 184.4);
}Tailwind CSS v4
@theme {
--color-santorini-seascape: #019a8d;
--color-santorini-seascape-50: #d3fffa;
--color-santorini-seascape-100: #c0f4ed;
--color-santorini-seascape-200: #9ee4db;
--color-santorini-seascape-300: #71cac0;
--color-santorini-seascape-400: #41b3a6;
--color-santorini-seascape-500: #009d8f;
--color-santorini-seascape-600: #008579;
--color-santorini-seascape-700: #006a61;
--color-santorini-seascape-800: #004e45;
--color-santorini-seascape-900: #003630;
--color-santorini-seascape-950: #00211c;
}SCSS
$santorini-seascape: #019a8d;
$santorini-seascape-rgb: 1, 154, 141;
$santorini-seascape-light: mix(#fff, $santorini-seascape, 20%);
$santorini-seascape-dark: mix(#000, $santorini-seascape, 20%);
.element {
color: $santorini-seascape;
box-shadow: 0 0 0 2px rgba($santorini-seascape, 0.35);
}