命名颜色 · #DDEECC
Tzatziki Green
Tzatziki Green 即 #DDEECC：rgb(221 238 204)、hsl(90 50% 87%)、oklch(0.928 0.049 129.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Tzatziki Green color name →
#DDEECC
oklch(0.928 0.049 129.1)
颜色转换
- HEX
- #ddeecc
- RGB
- rgb(221 238 204)
- HSL
- hsl(90 50% 87%)
- HWB
- hwb(90 80% 7%)
- OKLCH
- oklch(0.928 0.049 129.1)
- OKLab
- oklab(0.928 -0.031 0.038)
- CIE Lab
- lab(92.15 -10.26 14.53)
- LCH
- lch(92.15 17.78 125.2)
- CMYK
- cmyk(7% 0% 14% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- E0F0D1
- E4F1D6
- E7F3DB
- EBF5E0
- EEF7E6
- F1F8EB
- F5FAF0
- F8FCF5
- FCFDFA
深色调
- C0CFB1
- A4B197
- 88937E
- 6E7765
- 555C4E
- 3D4237
- 262A22
- 11140F
- 020302
灰色调
- D3E2C4
- CAD7BC
- C0CCB5
- B7C1AD
- ADB6A5
- A4AB9E
- 9BA096
- 92958F
- 898A87
配色和谐
互补色 +180°
- DDEECC
Tzatziki Green
- F0DFFF
≈ Lavender Savour
类似色 -30° +30°
- DDEECC
Tzatziki Green
- EFE8C4
≈ Ethereal Green
- CDF2DC
≈ Greenish White
三角配色 +120° +240°
- DDEECC
Tzatziki Green
- D5EAFF
≈ Veiling Waterfalls
- FFDDE2
≈ Sweet Mallow
分裂互补色 +150° +210°
- DDEECC
Tzatziki Green
- E1E5FF
≈ Lavender Mist
- FEDBF2
≈ Silky Pink
四角配色 +90° +180° +270°
- DDEECC
Tzatziki Green
- C4F0FD
≈ Heaven’s Gate
- F0DFFF
≈ Lavender Savour
- FFDFD5
≈ Light Shell Tint
对比度与无障碍
Ag
Fail白底
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.17:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--tzatziki-green: #ddeecc;
--tzatziki-green-rgb: 221 238 204;
--tzatziki-green-oklch: oklch(0.928 0.049 129.1);
}
.element {
color: var(--tzatziki-green);
background-color: hsl(90 50% 87%);
border-color: oklch(0.928 0.049 129.1);
}Tailwind CSS v4
@theme {
--color-tzatziki-green: #ddeecc;
--color-tzatziki-green-50: #f0f8ea;
--color-tzatziki-green-100: #e2ecdb;
--color-tzatziki-green-200: #cdd9c4;
--color-tzatziki-green-300: #afbda3;
--color-tzatziki-green-400: #95a486;
--color-tzatziki-green-500: #7c8d6b;
--color-tzatziki-green-600: #69775b;
--color-tzatziki-green-700: #545f48;
--color-tzatziki-green-800: #3e4634;
--color-tzatziki-green-900: #2a3023;
--color-tzatziki-green-950: #181c12;
}SCSS
$tzatziki-green: #ddeecc;
$tzatziki-green-rgb: 221, 238, 204;
$tzatziki-green-light: mix(#fff, $tzatziki-green, 20%);
$tzatziki-green-dark: mix(#000, $tzatziki-green, 20%);
.element {
color: $tzatziki-green;
box-shadow: 0 0 0 2px rgba($tzatziki-green, 0.35);
}