Benannte Farbe · #E1D792
Celery Heart
Celery Heart ist #E1D792: rgb(225 215 146), hsl(52 57% 73%), oklch(0.871 0.089 101). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Celery Heart color name →
#E1D792
oklch(0.871 0.089 101)
Farbumrechnungen
- HEX
- #e1d792
- RGB
- rgb(225 215 146)
- HSL
- hsl(52 57% 73%)
- HWB
- hwb(52 57% 12%)
- OKLCH
- oklch(0.871 0.089 101)
- OKLab
- oklab(0.871 -0.017 0.087)
- CIE Lab
- lab(85.61 -3.85 35.4)
- LCH
- lch(85.61 35.61 96.2)
- CMYK
- cmyk(0% 4% 35% 12%)
Tints · Shades · Tones
Tints
- E4DB9D
- E7DFA9
- EAE3B4
- EDE7BF
- F0EBCA
- F3EFD4
- F6F3DF
- F9F7EA
- FCFBF4
Shades
- C4BB7E
- A79F6B
- 8B8558
- 706B46
- 565235
- 3E3B25
- 272516
- 121108
- 020201
Tones
- D7CE91
- CDC590
- C3BC8E
- B9B38D
- AFAB8B
- A5A289
- 9C9987
- 929185
- 898882
Farbharmonien
Komplementär +180°
- E1D792
Celery Heart
- CCD1FF
≈ Pale Phthalo Blue
Analog -30° +30°
- E1D792
Celery Heart
- FACB94
≈ Tangerine Silk
- C0E1A4
≈ Cactus Spike
Triadisch +120° +240°
- E1D792
Celery Heart
- 90E3FE
≈ Columbia Blue
- FEBEE6
≈ Pretty in Pink
Geteilt komplementär +150° +210°
- E1D792
Celery Heart
- B5D9FF
≈ Oh Boy!
- E7C5FF
≈ Wisteria Powder
Tetradisch +90° +180° +270°
- E1D792
Celery Heart
- 8BE8E3
≈ Aqua Fiesta
- CCD1FF
≈ Pale Phthalo Blue
- FFC2C9
≈ Cotton Candy Comet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.33:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--celery-heart: #e1d792;
--celery-heart-rgb: 225 215 146;
--celery-heart-oklch: oklch(0.871 0.089 101);
}
.element {
color: var(--celery-heart);
background-color: hsl(52 57% 73%);
border-color: oklch(0.871 0.089 101);
}Tailwind CSS v4
@theme {
--color-celery-heart: #e1d792;
--color-celery-heart-50: #f9f7da;
--color-celery-heart-100: #edeac8;
--color-celery-heart-200: #dbd7ab;
--color-celery-heart-300: #bfba85;
--color-celery-heart-400: #aaa061;
--color-celery-heart-500: #93883c;
--color-celery-heart-600: #7c7334;
--color-celery-heart-700: #635c29;
--color-celery-heart-800: #4a431c;
--color-celery-heart-900: #332e12;
--color-celery-heart-950: #1f1b05;
}SCSS
$celery-heart: #e1d792;
$celery-heart-rgb: 225, 215, 146;
$celery-heart-light: mix(#fff, $celery-heart, 20%);
$celery-heart-dark: mix(#000, $celery-heart, 20%);
.element {
color: $celery-heart;
box-shadow: 0 0 0 2px rgba($celery-heart, 0.35);
}