이름 색상 · #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);
}