命名颜色 · #7EB394
Padua
Padua 即 #7EB394：rgb(126 179 148)、hsl(145 26% 60%)、oklch(0.721 0.072 158.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Padua color name →
#7EB394
oklch(0.721 0.072 158.3)
颜色转换
- HEX
- #7eb394
- RGB
- rgb(126 179 148)
- HSL
- hsl(145 26% 60%)
- HWB
- hwb(145 49% 30%)
- OKLCH
- oklch(0.721 0.072 158.3)
- OKLab
- oklab(0.721 -0.067 0.027)
- CIE Lab
- lab(68.57 -23.13 10.04)
- LCH
- lch(68.57 25.22 156.5)
- CMYK
- cmyk(30% 0% 17% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- 8BBB9E
- 98C2A9
- A5CAB3
- B2D1BE
- BED9C8
- CBE0D3
- D8E8DE
- E5F0E9
- F2F7F4
深色调
- 6D9B80
- 5C846D
- 4C6E5A
- 3C5848
- 2D4336
- 1F2F26
- 111D16
- 050C08
- 010101
灰色调
- 7FAE92
- 7FA990
- 80A48E
- 809E8C
- 80998A
- 819488
- 818F86
- 818A84
- 808582
配色和谐
互补色 +180°
- 7EB394
Padua
- C394B4
≈ Mauve Magic
类似色 -30° +30°
- 7EB394
Padua
- 97AE7D
≈ Siamese Green
- 6DB4AD
≈ Veranda Blue
三角配色 +120° +240°
分裂互补色 +150° +210°
- 7EB394
Padua
- B299C8
≈ Atlantic Tulip
- CD929C
≈ Rosetti
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.39:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.76:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.76:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--padua: #7eb394;
--padua-rgb: 126 179 148;
--padua-oklch: oklch(0.721 0.072 158.3);
}
.element {
color: var(--padua);
background-color: hsl(145 26% 60%);
border-color: oklch(0.721 0.072 158.3);
}Tailwind CSS v4
@theme {
--color-padua: #7eb394;
--color-padua-50: #e4fcee;
--color-padua-100: #d4f0e0;
--color-padua-200: #bbdeca;
--color-padua-300: #98c3ab;
--color-padua-400: #7aac8f;
--color-padua-500: #5b9574;
--color-padua-600: #4d7e62;
--color-padua-700: #3e654f;
--color-padua-800: #2d4a38;
--color-padua-900: #1e3326;
--color-padua-950: #0e1f15;
}SCSS
$padua: #7eb394;
$padua-rgb: 126, 179, 148;
$padua-light: mix(#fff, $padua, 20%);
$padua-dark: mix(#000, $padua, 20%);
.element {
color: $padua;
box-shadow: 0 0 0 2px rgba($padua, 0.35);
}