Benannte Farbe · #D9ECE6
Dunnock Egg
Dunnock Egg ist #D9ECE6: rgb(217 236 230), hsl(161 33% 89%), oklch(0.927 0.022 175). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dunnock Egg color name →
#D9ECE6
oklch(0.927 0.022 175)
Farbumrechnungen
- HEX
- #d9ece6
- RGB
- rgb(217 236 230)
- HSL
- hsl(161 33% 89%)
- HWB
- hwb(161 85% 7%)
- OKLCH
- oklch(0.927 0.022 175)
- OKLab
- oklab(0.927 -0.022 0.002)
- CIE Lab
- lab(91.85 -7.34 0.65)
- LCH
- lch(91.85 7.37 174.9)
- CMYK
- cmyk(8% 0% 3% 7%)
Tints · Shades · Tones
Tints
- DDEEE8
- E1F0EB
- E4F2ED
- E8F4F0
- ECF5F2
- F0F7F5
- F4F9F7
- F7FBFA
- FBFDFC
Shades
- BCCDC8
- A1AFAB
- 86928E
- 6C7673
- 535B59
- 3B4240
- 252928
- 111313
- 020303
Tones
- D0E1DB
- C7D5D1
- BDCAC6
- B4BFBC
- ACB5B2
- A3AAA7
- 9A9F9D
- 919593
- 898A8A
Farbharmonien
Komplementär +180°
- D9ECE6
Dunnock Egg
- F4E1E8
≈ Pink Amour
Analog -30° +30°
- D9ECE6
Dunnock Egg
- DFEBDE
≈ Lighter Mint
- D7ECEE
≈ Sparkling River
Triadisch +120° +240°
- D9ECE6
Dunnock Egg
- E8E4F4
≈ Modest Violet
- F3E4DA
≈ Eggshell White
Geteilt komplementär +150° +210°
- D9ECE6
Dunnock Egg
- EFE2EF
≈ Faded Fuchsia
- F5E2E0
≈ Cute Little Pink
Tetradisch +90° +180° +270°
- D9ECE6
Dunnock Egg
- E0E7F6
≈ Crystal Falls
- F4E1E8
≈ Pink Amour
- EEE6D7
≈ Japanese White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.22:1 · APCA Lc 11
Ag
AAAAuf Schwarz
WCAG 17.09:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--dunnock-egg: #d9ece6;
--dunnock-egg-rgb: 217 236 230;
--dunnock-egg-oklch: oklch(0.927 0.022 175);
}
.element {
color: var(--dunnock-egg);
background-color: hsl(161 33% 89%);
border-color: oklch(0.927 0.022 175);
}Tailwind CSS v4
@theme {
--color-dunnock-egg: #d9ece6;
--color-dunnock-egg-50: #eff7f5;
--color-dunnock-egg-100: #e1eae8;
--color-dunnock-egg-200: #cbd7d4;
--color-dunnock-egg-300: #acbbb7;
--color-dunnock-egg-400: #92a39e;
--color-dunnock-egg-500: #788b85;
--color-dunnock-egg-600: #667671;
--color-dunnock-egg-700: #515e5a;
--color-dunnock-egg-800: #3b4542;
--color-dunnock-egg-900: #29302d;
--color-dunnock-egg-950: #161c1a;
}SCSS
$dunnock-egg: #d9ece6;
$dunnock-egg-rgb: 217, 236, 230;
$dunnock-egg-light: mix(#fff, $dunnock-egg, 20%);
$dunnock-egg-dark: mix(#000, $dunnock-egg, 20%);
.element {
color: $dunnock-egg;
box-shadow: 0 0 0 2px rgba($dunnock-egg, 0.35);
}