最接近的命名颜色 · #67A38A
#67A38A
最接近的命名颜色: Emerald Oasis
#67A38A（rgb(103 163 138)、hsl(155 25% 52%)、oklch(0.667 0.073 166)）最接近命名颜色 Emerald Oasis。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#67A38A
oklch(0.667 0.073 166)
颜色转换
- HEX
- #67a38a
- RGB
- rgb(103 163 138)
- HSL
- hsl(155 25% 52%)
- HWB
- hwb(155 40% 36%)
- OKLCH
- oklch(0.667 0.073 166)
- OKLab
- oklab(0.667 -0.071 0.018)
- CIE Lab
- lab(62.35 -24.71 6.57)
- LCH
- lch(62.35 25.57 165.1)
- CMYK
- cmyk(37% 0% 15% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- 77AC95
- 86B5A0
- 95BEAC
- A4C7B7
- B3D0C3
- C2DACF
- D1E3DB
- E0ECE7
- F0F6F3
深色调
- 598D77
- 4B7865
- 3D6353
- 304F42
- 233C32
- 172A22
- 0C1914
- 040A07
- 000101
灰色调
- 6AA089
- 6E9C88
- 719987
- 739586
- 769285
- 788E84
- 7A8B83
- 7C8782
- 7E8481
配色和谐
互补色 +180°
- 67A38A
Emerald Oasis
- B6829E
≈ Opera Mauve
类似色 -30° +30°
- 67A38A
Emerald Oasis
- 809F72
≈ Amulet
- 59A3A3
≈ Teal Bayou
三角配色 +120° +240°
- 67A38A
Emerald Oasis
- 908EC0
≈ Sweet Lavender
- BB876E
≈ Clay Ground
分裂互补色 +150° +210°
- 67A38A
Emerald Oasis
- A687B3
≈ Purple Statice
- BD8285
≈ Baker Rose
四角配色 +90° +180° +270°
- 67A38A
Emerald Oasis
- 7796C1
≈ Denver River
- B6829E
≈ Opera Mauve
- AE8E60
≈ Alpha Gold
对比度与无障碍
Ag
Fail白底
WCAG 2.92:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.18:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--emerald-oasis: #67a38a;
--emerald-oasis-rgb: 103 163 138;
--emerald-oasis-oklch: oklch(0.667 0.073 166);
}
.element {
color: var(--emerald-oasis);
background-color: hsl(155 25% 52%);
border-color: oklch(0.667 0.073 166);
}Tailwind CSS v4
@theme {
--color-emerald-oasis: #67a38a;
--color-emerald-oasis-50: #e2fcf1;
--color-emerald-oasis-100: #d1f0e3;
--color-emerald-oasis-200: #b7dfce;
--color-emerald-oasis-300: #93c4b0;
--color-emerald-oasis-400: #74ad95;
--color-emerald-oasis-500: #53967b;
--color-emerald-oasis-600: #477f68;
--color-emerald-oasis-700: #386553;
--color-emerald-oasis-800: #294a3c;
--color-emerald-oasis-900: #1b3429;
--color-emerald-oasis-950: #0b1f17;
}SCSS
$emerald-oasis: #67a38a;
$emerald-oasis-rgb: 103, 163, 138;
$emerald-oasis-light: mix(#fff, $emerald-oasis, 20%);
$emerald-oasis-dark: mix(#000, $emerald-oasis, 20%);
.element {
color: $emerald-oasis;
box-shadow: 0 0 0 2px rgba($emerald-oasis, 0.35);
}