命名颜色 · #6CCC7B
Snow Pea
Snow Pea 即 #6CCC7B：rgb(108 204 123)、hsl(129 48% 61%)、oklch(0.766 0.147 147.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Snow Pea color name →
#6CCC7B
oklch(0.766 0.147 147.5)
颜色转换
- HEX
- #6ccc7b
- RGB
- rgb(108 204 123)
- HSL
- hsl(129 48% 61%)
- HWB
- hwb(129 42% 20%)
- OKLCH
- oklch(0.766 0.147 147.5)
- OKLab
- oklab(0.766 -0.124 0.079)
- CIE Lab
- lab(74.71 -42.59 31.26)
- LCH
- lch(74.71 52.83 143.7)
- CMYK
- cmyk(47% 0% 40% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- 7DD188
- 8DD796
- 9CDCA3
- AAE1B0
- B9E6BD
- C7EBCA
- D5F0D7
- E3F5E5
- F1FAF2
深色调
- 5DB16A
- 4E975A
- 407E4A
- 32653A
- 254E2C
- 19371E
- 0D2210
- 040F05
- 000201
灰色调
- 70C47C
- 73BD7D
- 76B57E
- 79AE7F
- 7BA67F
- 7C9E80
- 7E9780
- 7F8F80
- 808880
配色和谐
互补色 +180°
- 6CCC7B
Snow Pea
- E490E3
≈ Love Dust
类似色 -30° +30°
- 6CCC7B
Snow Pea
- ACBF45
≈ Money Banks
- 00D0B2
≈ Mint Leaf
三角配色 +120° +240°
- 6CCC7B
Snow Pea
- 92B0FF
≈ Widowmaker
- FF8E82
≈ Desert Flower
分裂互补色 +150° +210°
- 6CCC7B
Snow Pea
- BD9FFF
≈ Diva
- FC89B4
≈ Tickle Me Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黑底
WCAG 10.56:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.56:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--snow-pea: #6ccc7b;
--snow-pea-rgb: 108 204 123;
--snow-pea-oklch: oklch(0.766 0.147 147.5);
}
.element {
color: var(--snow-pea);
background-color: hsl(129 48% 61%);
border-color: oklch(0.766 0.147 147.5);
}Tailwind CSS v4
@theme {
--color-snow-pea: #6ccc7b;
--color-snow-pea-50: #d9ffdf;
--color-snow-pea-100: #c6f6ce;
--color-snow-pea-200: #a8e6b3;
--color-snow-pea-300: #7fcc8e;
--color-snow-pea-400: #5bb56a;
--color-snow-pea-500: #2c9f48;
--color-snow-pea-600: #28873e;
--color-snow-pea-700: #206c31;
--color-snow-pea-800: #194f20;
--color-snow-pea-900: #113715;
--color-snow-pea-950: #032206;
}SCSS
$snow-pea: #6ccc7b;
$snow-pea-rgb: 108, 204, 123;
$snow-pea-light: mix(#fff, $snow-pea, 20%);
$snow-pea-dark: mix(#000, $snow-pea, 20%);
.element {
color: $snow-pea;
box-shadow: 0 0 0 2px rgba($snow-pea, 0.35);
}