Benannte Farbe · #D0E3AD
Lime Cream
Lime Cream ist #D0E3AD: rgb(208 227 173), hsl(81 49% 78%), oklch(0.888 0.074 123.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Lime Cream color name →
#D0E3AD
oklch(0.888 0.074 123.6)
Farbumrechnungen
- HEX
- #d0e3ad
- RGB
- rgb(208 227 173)
- HSL
- hsl(81 49% 78%)
- HWB
- hwb(81 68% 11%)
- OKLCH
- oklch(0.888 0.074 123.6)
- OKLab
- oklab(0.888 -0.041 0.062)
- CIE Lab
- lab(87.79 -13.36 24.26)
- LCH
- lch(87.79 27.7 118.8)
- CMYK
- cmyk(8% 0% 24% 11%)
Tints · Shades · Tones
Tints
- D5E6B5
- D9E9BE
- DEECC6
- E3EECE
- E7F1D6
- ECF4DE
- F1F7E7
- F5FAEF
- FAFCF7
Shades
- B5C596
- 9AA87F
- 808C6A
- 677155
- 4F5741
- 393F2D
- 23271B
- 10120B
- 020301
Tones
- C8D9A9
- BFCFA4
- B7C4A0
- AFBA9B
- A7B097
- 9FA792
- 979D8E
- 8F9389
- 888985
Farbharmonien
Komplementär +180°
- D0E3AD
Lime Cream
- E3D0FF
≈ Pale Lavender
Analog -30° +30°
- D0E3AD
Lime Cream
- EADAA2
≈ Demeter
- B5E9C4
≈ Glaucous Green
Triadisch +120° +240°
- D0E3AD
Lime Cream
- BADFFF
≈ Dithered Sky
- FFCAD6
≈ Flower Spell
Geteilt komplementär +150° +210°
- D0E3AD
Lime Cream
- CED8FF
≈ Pale Phthalo Blue
- F9C8EF
≈ Rosy Maple Moth
Tetradisch +90° +180° +270°
- D0E3AD
Lime Cream
- A0E8F8
≈ Winter Wizard
- E3D0FF
≈ Pale Lavender
- FFCDC1
≈ Crystal Coral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.27:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--lime-cream: #d0e3ad;
--lime-cream-rgb: 208 227 173;
--lime-cream-oklch: oklch(0.888 0.074 123.6);
}
.element {
color: var(--lime-cream);
background-color: hsl(81 49% 78%);
border-color: oklch(0.888 0.074 123.6);
}Tailwind CSS v4
@theme {
--color-lime-cream: #d0e3ad;
--color-lime-cream-50: #f0f9e3;
--color-lime-cream-100: #e2edd2;
--color-lime-cream-200: #ccdab8;
--color-lime-cream-300: #aebf96;
--color-lime-cream-400: #95a675;
--color-lime-cream-500: #7c8f57;
--color-lime-cream-600: #69794a;
--color-lime-cream-700: #54613b;
--color-lime-cream-800: #3e4629;
--color-lime-cream-900: #2b311b;
--color-lime-cream-950: #181d0c;
}SCSS
$lime-cream: #d0e3ad;
$lime-cream-rgb: 208, 227, 173;
$lime-cream-light: mix(#fff, $lime-cream, 20%);
$lime-cream-dark: mix(#000, $lime-cream, 20%);
.element {
color: $lime-cream;
box-shadow: 0 0 0 2px rgba($lime-cream, 0.35);
}