命名颜色 · #41B0D0
Santorini
Santorini 即 #41B0D0：rgb(65 176 208)、hsl(193 60% 54%)、oklch(0.708 0.109 220.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Santorini color name →
#41B0D0
oklch(0.708 0.109 220.7)
颜色转换
- HEX
- #41b0d0
- RGB
- rgb(65 176 208)
- HSL
- hsl(193 60% 54%)
- HWB
- hwb(193 25% 18%)
- OKLCH
- oklch(0.708 0.109 220.7)
- OKLab
- oklab(0.708 -0.082 -0.071)
- CIE Lab
- lab(66.61 -24.8 -26.05)
- LCH
- lch(66.61 35.97 226.4)
- CMYK
- cmyk(69% 15% 0% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- 5AB8D5
- 70C0DA
- 83C8DF
- 96D0E3
- A8D8E8
- BAE0ED
- CBE8F1
- DDEFF6
- EEF7FB
深色调
- 3799B5
- 2E829A
- 256C80
- 1C5667
- 13424F
- 0B2E39
- 051C23
- 010B10
- 000102
灰色调
- 4DABC8
- 56A7C0
- 5EA2B8
- 659DB0
- 6B98A8
- 7094A0
- 758F98
- 798A90
- 7D8588
配色和谐
互补色 +180°
- 41B0D0
Santorini
- DA896B
≈ Bronzed Orange
类似色 -30° +30°
- 41B0D0
Santorini
- 36B6B1
≈ Caicos Turquoise
- 6BA5E2
≈ Greek Sea
三角配色 +120° +240°
- 41B0D0
Santorini
- CE85B5
≈ Cyclamen
- B0A34C
≈ Moss Stone
分裂互补色 +150° +210°
- 41B0D0
Santorini
- DB8390
≈ Shimmering Blush
- CB9550
≈ Apple Fritter
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.51:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.34:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--santorini: #41b0d0;
--santorini-rgb: 65 176 208;
--santorini-oklch: oklch(0.708 0.109 220.7);
}
.element {
color: var(--santorini);
background-color: hsl(193 60% 54%);
border-color: oklch(0.708 0.109 220.7);
}Tailwind CSS v4
@theme {
--color-santorini: #41b0d0;
--color-santorini-50: #d5fdff;
--color-santorini-100: #c1f1ff;
--color-santorini-200: #a1dff6;
--color-santorini-300: #75c4e0;
--color-santorini-400: #46adcb;
--color-santorini-500: #0096b8;
--color-santorini-600: #007f9b;
--color-santorini-700: #00657d;
--color-santorini-800: #004b5c;
--color-santorini-900: #003440;
--color-santorini-950: #001f29;
}SCSS
$santorini: #41b0d0;
$santorini-rgb: 65, 176, 208;
$santorini-light: mix(#fff, $santorini, 20%);
$santorini-dark: mix(#000, $santorini, 20%);
.element {
color: $santorini;
box-shadow: 0 0 0 2px rgba($santorini, 0.35);
}