Warna bernama · #DAECC5
Greenette
Greenette adalah #DAECC5: rgb(218 236 197), hsl(88 51% 85%), oklch(0.92 0.055 127.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Greenette color name →
#DAECC5
oklch(0.92 0.055 127.7)
Konversi warna
- HEX
- #daecc5
- RGB
- rgb(218 236 197)
- HSL
- hsl(88 51% 85%)
- HWB
- hwb(88 77% 7%)
- OKLCH
- oklch(0.92 0.055 127.7)
- OKLab
- oklab(0.92 -0.034 0.044)
- CIE Lab
- lab(91.29 -11.23 16.88)
- LCH
- lch(91.29 20.27 123.6)
- CMYK
- cmyk(8% 0% 17% 7%)
Tint · Shade · Tone
Tint
- DEEECB
- E1F0D1
- E5F2D6
- E9F4DC
- ECF6E2
- F0F8E8
- F4F9EE
- F8FBF3
- FBFDF9
Shade
- BDCDAB
- A2AF92
- 879279
- 6C7661
- 545B4B
- 3C4235
- 252921
- 11130E
- 020302
Tone
- D1E1BE
- C7D6B7
- BECAB0
- B5BFA9
- ACB5A2
- A3AA9B
- 9A9F94
- 91958E
- 898A87
Harmoni warna
Komplementer +180°
- DAECC5
Greenette
- EDDCFF
≈ Lavender Savour
Analog -30° +30°
- DAECC5
Greenette
- EEE5BC
≈ Slices of Happy
- C7F0D6
≈ Pickford
Triadik +120° +240°
- DAECC5
Greenette
- D0E8FF
≈ Veiling Waterfalls
- FFD9DF
≈ Satin Ribbon
Split-komplementer +150° +210°
- DAECC5
Greenette
- DEE3FF
≈ Stoic White
- FED7F2
≈ Sweet Sachet
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.25:1 · APCA Lc 12
Ag
AAADi atas hitam
WCAG 16.78:1 · APCA Lc 92
Warna teks terbaik: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--greenette: #daecc5;
--greenette-rgb: 218 236 197;
--greenette-oklch: oklch(0.92 0.055 127.7);
}
.element {
color: var(--greenette);
background-color: hsl(88 51% 85%);
border-color: oklch(0.92 0.055 127.7);
}Tailwind CSS v4
@theme {
--color-greenette: #daecc5;
--color-greenette-50: #f0f9e8;
--color-greenette-100: #e2ecd9;
--color-greenette-200: #cdd9c1;
--color-greenette-300: #aebda0;
--color-greenette-400: #95a582;
--color-greenette-500: #7c8d66;
--color-greenette-600: #697857;
--color-greenette-700: #546045;
--color-greenette-800: #3e4631;
--color-greenette-900: #2a3021;
--color-greenette-950: #181d11;
}SCSS
$greenette: #daecc5;
$greenette-rgb: 218, 236, 197;
$greenette-light: mix(#fff, $greenette, 20%);
$greenette-dark: mix(#000, $greenette, 20%);
.element {
color: $greenette;
box-shadow: 0 0 0 2px rgba($greenette, 0.35);
}