色名 · #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);
}