命名颜色 · #719166
Mixed Veggies
Mixed Veggies 即 #719166：rgb(113 145 102)、hsl(105 17% 48%)、oklch(0.621 0.072 137.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Mixed Veggies color name →
#719166
oklch(0.621 0.072 137.8)
颜色转换
- HEX
- #719166
- RGB
- rgb(113 145 102)
- HSL
- hsl(105 17% 48%)
- HWB
- hwb(105 40% 43%)
- OKLCH
- oklch(0.621 0.072 137.8)
- OKLab
- oklab(0.621 -0.054 0.049)
- CIE Lab
- lab(56.86 -18.04 19.09)
- LCH
- lch(56.86 26.27 133.4)
- CMYK
- cmyk(22% 0% 30% 43%)
浅色调 · 深色调 · 灰色调
浅色调
- 7E9C75
- 8CA683
- 9AB192
- A8BCA1
- B6C7B0
- C4D2C0
- D3DDCF
- E1E8DF
- F0F4EF
深色调
- 617D58
- 526A4A
- 43583C
- 35462F
- 273523
- 1A2517
- 0E150C
- 040704
- 010100
灰色调
- 738F69
- 748E6C
- 768C6E
- 778A71
- 798974
- 7A8776
- 7C8579
- 7D847B
- 7F827E
配色和谐
互补色 +180°
- 719166
Mixed Veggies
- 9979A3
≈ Pishposh
类似色 -30° +30°
- 719166
Mixed Veggies
- 8A8A55
≈ Green Olive
- 58957E
≈ Puerto Princesa
三角配色 +120° +240°
- 719166
Mixed Veggies
- 6B88B2
≈ Kimono
- AE7576
≈ Vindaloo
分裂互补色 +150° +210°
- 719166
Mixed Veggies
- 8480B0
≈ Murex
- A7758E
≈ Cipher
四角配色 +90° +180° +270°
- 719166
Mixed Veggies
- 548FA9
≈ Sora Sky
- 9979A3
≈ Pishposh
- AB7960
≈ Tobey Rattan
对比度与无障碍
Ag
Fail白底
WCAG 3.53:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.94:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--mixed-veggies: #719166;
--mixed-veggies-rgb: 113 145 102;
--mixed-veggies-oklch: oklch(0.621 0.072 137.8);
}
.element {
color: var(--mixed-veggies);
background-color: hsl(105 17% 48%);
border-color: oklch(0.621 0.072 137.8);
}Tailwind CSS v4
@theme {
--color-mixed-veggies: #719166;
--color-mixed-veggies-50: #ebfbe7;
--color-mixed-veggies-100: #dceed7;
--color-mixed-veggies-200: #c5dcbf;
--color-mixed-veggies-300: #a4c19e;
--color-mixed-veggies-400: #8aa97f;
--color-mixed-veggies-500: #6f9262;
--color-mixed-veggies-600: #5e7b54;
--color-mixed-veggies-700: #4b6343;
--color-mixed-veggies-800: #37482f;
--color-mixed-veggies-900: #263220;
--color-mixed-veggies-950: #141e0f;
}SCSS
$mixed-veggies: #719166;
$mixed-veggies-rgb: 113, 145, 102;
$mixed-veggies-light: mix(#fff, $mixed-veggies, 20%);
$mixed-veggies-dark: mix(#000, $mixed-veggies, 20%);
.element {
color: $mixed-veggies;
box-shadow: 0 0 0 2px rgba($mixed-veggies, 0.35);
}