命名颜色 · #98B652
Clematis Green
Clematis Green 即 #98B652：rgb(152 182 82)、hsl(78 41% 52%)、oklch(0.732 0.132 123.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Clematis Green color name →
#98B652
oklch(0.732 0.132 123.5)
颜色转换
- HEX
- #98b652
- RGB
- rgb(152 182 82)
- HSL
- hsl(78 41% 52%)
- HWB
- hwb(78 32% 29%)
- OKLCH
- oklch(0.732 0.132 123.5)
- OKLab
- oklab(0.732 -0.073 0.11)
- CIE Lab
- lab(70.2 -22.11 46.44)
- LCH
- lch(70.2 51.43 115.5)
- CMYK
- cmyk(16% 0% 55% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- A2BD65
- ACC578
- B6CC89
- C0D49A
- CADBAB
- D4E2BC
- DFE9CD
- EAF1DE
- F4F8EE
深色调
- 849E46
- 70863B
- 5C6F2F
- 4A5925
- 38441A
- 273011
- 171D08
- 080C02
- 010200
灰色调
- 96B159
- 93AB5F
- 91A665
- 8EA16A
- 8C9B6E
- 899672
- 879076
- 858B7A
- 82867D
配色和谐
互补色 +180°
- 98B652
Clematis Green
- BA93EC
≈ Luminous Lavender
类似色 -30° +30°
- 98B652
Clematis Green
- C4A635
≈ Hey Pesto
- 5DC081
≈ Heart Chakra
三角配色 +120° +240°
- 98B652
Clematis Green
- 55B1F5
≈ Blue Jeans
- EC839F
≈ Iced Berry
分裂互补色 +150° +210°
- 98B652
Clematis Green
- 8EA1FB
≈ Periwinkle Blue
- DA88CB
≈ Pink Punk
四角配色 +90° +180° +270°
- 98B652
Clematis Green
- 00BDD9
≈ Maldives
- BA93EC
≈ Luminous Lavender
- EF8870
≈ Juicy Passionfruit
对比度与无障碍
Ag
Fail白底
WCAG 2.29:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.14:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--clematis-green: #98b652;
--clematis-green-rgb: 152 182 82;
--clematis-green-oklch: oklch(0.732 0.132 123.5);
}
.element {
color: var(--clematis-green);
background-color: hsl(78 41% 52%);
border-color: oklch(0.732 0.132 123.5);
}Tailwind CSS v4
@theme {
--color-clematis-green: #98b652;
--color-clematis-green-50: #ecfdd4;
--color-clematis-green-100: #ddf0c1;
--color-clematis-green-200: #c7dfa1;
--color-clematis-green-300: #a7c478;
--color-clematis-green-400: #8fab4d;
--color-clematis-green-500: #759418;
--color-clematis-green-600: #637d19;
--color-clematis-green-700: #4f6414;
--color-clematis-green-800: #3b4909;
--color-clematis-green-900: #293306;
--color-clematis-green-950: #171e00;
}SCSS
$clematis-green: #98b652;
$clematis-green-rgb: 152, 182, 82;
$clematis-green-light: mix(#fff, $clematis-green, 20%);
$clematis-green-dark: mix(#000, $clematis-green, 20%);
.element {
color: $clematis-green;
box-shadow: 0 0 0 2px rgba($clematis-green, 0.35);
}