最接近的命名颜色 · #649B75
#649B75
最接近的命名颜色: Leafy
#649B75（rgb(100 155 117)、hsl(139 22% 50%)、oklch(0.64 0.082 153.4)）最接近命名颜色 Leafy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#649B75
oklch(0.64 0.082 153.4)
颜色转换
- HEX
- #649b75
- RGB
- rgb(100 155 117)
- HSL
- hsl(139 22% 50%)
- HWB
- hwb(139 39% 39%)
- OKLCH
- oklch(0.64 0.082 153.4)
- OKLab
- oklab(0.64 -0.073 0.037)
- CIE Lab
- lab(59.35 -25.29 14.01)
- LCH
- lch(59.35 28.91 151)
- CMYK
- cmyk(35% 0% 25% 39%)
浅色调 · 深色调 · 灰色调
浅色调
- 74A582
- 83AF8F
- 92B89D
- A2C2AA
- B1CCB8
- C0D6C6
- D0E0D4
- DFEBE2
- EFF5F1
深色调
- 568665
- 487255
- 3B5E46
- 2E4B37
- 223929
- 16281C
- 0B180F
- 030905
- 000101
灰色调
- 689876
- 6B9677
- 6E9379
- 71907A
- 748E7B
- 778B7C
- 79887D
- 7B867E
- 7E837F
配色和谐
互补色 +180°
- 649B75
Leafy
- AB7AA1
≈ Usu Pink
类似色 -30° +30°
- 649B75
Leafy
- 82955C
≈ Pretty Maiden
- 4B9D91
≈ Lagoon
三角配色 +120° +240°
- 649B75
Leafy
- 7C89BE
≈ Iolite
- B87A6C
≈ Faneuil Brick
分裂互补色 +150° +210°
- 649B75
Leafy
- 9680B5
≈ Plum Burst
- B77787
≈ Mauve Seductress
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.23:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.48:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.48:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--leafy: #649b75;
--leafy-rgb: 100 155 117;
--leafy-oklch: oklch(0.64 0.082 153.4);
}
.element {
color: var(--leafy);
background-color: hsl(139 22% 50%);
border-color: oklch(0.64 0.082 153.4);
}Tailwind CSS v4
@theme {
--color-leafy: #649b75;
--color-leafy-50: #e4fdeb;
--color-leafy-100: #d3f1dc;
--color-leafy-200: #b9dfc5;
--color-leafy-300: #96c4a6;
--color-leafy-400: #78ad88;
--color-leafy-500: #59966d;
--color-leafy-600: #4c7f5c;
--color-leafy-700: #3c6649;
--color-leafy-800: #2c4b34;
--color-leafy-900: #1e3423;
--color-leafy-950: #0d1f12;
}SCSS
$leafy: #649b75;
$leafy-rgb: 100, 155, 117;
$leafy-light: mix(#fff, $leafy, 20%);
$leafy-dark: mix(#000, $leafy, 20%);
.element {
color: $leafy;
box-shadow: 0 0 0 2px rgba($leafy, 0.35);
}