最接近的命名颜色 · #3FBFA1
#3FBFA1
最接近的命名颜色: Macau
#3FBFA1（rgb(63 191 161)、hsl(166 50% 50%)、oklch(0.727 0.12 174)）最接近命名颜色 Macau。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3FBFA1
oklch(0.727 0.12 174)
颜色转换
- HEX
- #3fbfa1
- RGB
- rgb(63 191 161)
- HSL
- hsl(166 50% 50%)
- HWB
- hwb(166 25% 25%)
- OKLCH
- oklch(0.727 0.12 174)
- OKLab
- oklab(0.727 -0.119 0.013)
- CIE Lab
- lab(69.91 -41.84 4.46)
- LCH
- lch(69.91 42.08 173.9)
- CMYK
- cmyk(67% 0% 16% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 5AC6AA
- 71CCB3
- 85D3BC
- 98D9C6
- AAE0CF
- BBE6D8
- CDECE2
- DEF3EC
- EEF9F5
深色调
- 35A68B
- 2C8D76
- 237562
- 1B5E4E
- 12483C
- 0A332A
- 041F19
- 010D09
- 000201
灰色调
- 4CB99E
- 56B29A
- 5FAC97
- 66A694
- 6CA090
- 71998D
- 76938A
- 7A8D87
- 7D8683
配色和谐
互补色 +180°
- 3FBFA1
Macau
- E186AC
≈ Springtime Bloom
类似色 -30° +30°
- 3FBFA1
Macau
- 76BA76
≈ Young Fern
- 1EBCC9
≈ Panorama Blue
三角配色 +120° +240°
- 3FBFA1
Macau
- AB98EB
≈ Dull Lavender
- E1915B
≈ Pumpkin Toast
分裂互补色 +150° +210°
- 3FBFA1
Macau
- CC8CD1
≈ Purception
- E88782
≈ Boho Blush
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.17:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--macau: #3fbfa1;
--macau-rgb: 63 191 161;
--macau-oklch: oklch(0.727 0.12 174);
}
.element {
color: var(--macau);
background-color: hsl(166 50% 50%);
border-color: oklch(0.727 0.12 174);
}Tailwind CSS v4
@theme {
--color-macau: #3fbfa1;
--color-macau-50: #d2fff4;
--color-macau-100: #bef6e6;
--color-macau-200: #9ce6d2;
--color-macau-300: #6eccb5;
--color-macau-400: #3eb599;
--color-macau-500: #009f80;
--color-macau-600: #00866c;
--color-macau-700: #006c57;
--color-macau-800: #004f3e;
--color-macau-900: #00372a;
--color-macau-950: #002218;
}SCSS
$macau: #3fbfa1;
$macau-rgb: 63, 191, 161;
$macau-light: mix(#fff, $macau, 20%);
$macau-dark: mix(#000, $macau, 20%);
.element {
color: $macau;
box-shadow: 0 0 0 2px rgba($macau, 0.35);
}