命名颜色 · #AFC195
Harmonious
Harmonious 即 #AFC195：rgb(175 193 149)、hsl(85 26% 67%)、oklch(0.786 0.063 125.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Harmonious color name →
#AFC195
oklch(0.786 0.063 125.9)
颜色转换
- HEX
- #afc195
- RGB
- rgb(175 193 149)
- HSL
- hsl(85 26% 67%)
- HWB
- hwb(85 58% 24%)
- OKLCH
- oklch(0.786 0.063 125.9)
- OKLab
- oklab(0.786 -0.037 0.051)
- CIE Lab
- lab(75.82 -12.2 20.08)
- LCH
- lch(75.82 23.5 121.3)
- CMYK
- cmyk(9% 0% 23% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- B7C79F
- BFCDAA
- C6D3B4
- CEDABF
- D6E0C9
- DEE6D4
- E6ECDF
- EFF2E9
- F7F9F4
深色调
- 98A781
- 818F6D
- 6B775A
- 565F48
- 414937
- 2E3426
- 1C2016
- 0B0E08
- 010201
灰色调
- AABA93
- A5B491
- A1AD8F
- 9CA78D
- 97A08B
- 929A89
- 8E9387
- 898D85
- 858682
配色和谐
互补色 +180°
- AFC195
Harmonious
- C3AFDA
≈ Lavender Field Dreamer
类似色 -30° +30°
- AFC195
Harmonious
- C5BA8B
≈ Goody Two Shoes
- 99C6A8
≈ Mini Green
三角配色 +120° +240°
- AFC195
Harmonious
- 98BEE0
≈ Vive le Bleu
- DEA9B3
≈ Raspberry Lemonade
分裂互补色 +150° +210°
- AFC195
Harmonious
- AEB6E2
≈ Sassy Violet
- D4AAC9
≈ Queenly
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.92:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.88:1 · APCA Lc 66
最佳文字颜色: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
代码片段
CSS
:root {
--harmonious: #afc195;
--harmonious-rgb: 175 193 149;
--harmonious-oklch: oklch(0.786 0.063 125.9);
}
.element {
color: var(--harmonious);
background-color: hsl(85 26% 67%);
border-color: oklch(0.786 0.063 125.9);
}Tailwind CSS v4
@theme {
--color-harmonious: #afc195;
--color-harmonious-50: #f0f9e6;
--color-harmonious-100: #e2ecd6;
--color-harmonious-200: #ccdabd;
--color-harmonious-300: #aebe9c;
--color-harmonious-400: #95a67d;
--color-harmonious-500: #7c8e60;
--color-harmonious-600: #697851;
--color-harmonious-700: #546041;
--color-harmonious-800: #3e462e;
--color-harmonious-900: #2a311f;
--color-harmonious-950: #181d0f;
}SCSS
$harmonious: #afc195;
$harmonious-rgb: 175, 193, 149;
$harmonious-light: mix(#fff, $harmonious, 20%);
$harmonious-dark: mix(#000, $harmonious, 20%);
.element {
color: $harmonious;
box-shadow: 0 0 0 2px rgba($harmonious, 0.35);
}