Benannte Farbe · #DAECC5
Greenette
Greenette ist #DAECC5: rgb(218 236 197), hsl(88 51% 85%), oklch(0.92 0.055 127.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Greenette color name →
#DAECC5
oklch(0.92 0.055 127.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DEEECB
- E1F0D1
- E5F2D6
- E9F4DC
- ECF6E2
- F0F8E8
- F4F9EE
- F8FBF3
- FBFDF9
Shades
- BDCDAB
- A2AF92
- 879279
- 6C7661
- 545B4B
- 3C4235
- 252921
- 11130E
- 020302
Tones
- D1E1BE
- C7D6B7
- BECAB0
- B5BFA9
- ACB5A2
- A3AA9B
- 9A9F94
- 91958E
- 898A87
Farbharmonien
Komplementär +180°
- DAECC5
Greenette
- EDDCFF
≈ Lavender Savour
Analog -30° +30°
- DAECC5
Greenette
- EEE5BC
≈ Slices of Happy
- C7F0D6
≈ Pickford
Triadisch +120° +240°
- DAECC5
Greenette
- D0E8FF
≈ Veiling Waterfalls
- FFD9DF
≈ Satin Ribbon
Geteilt komplementär +150° +210°
- DAECC5
Greenette
- DEE3FF
≈ Stoic White
- FED7F2
≈ Sweet Sachet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.25:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.78:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.78:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
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);
}