Adlandırılmış renk · #E1D792
Celery Heart
Celery Heart, #E1D792: rgb(225 215 146), hsl(52 57% 73%), oklch(0.871 0.089 101). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Celery Heart color name →
#E1D792
oklch(0.871 0.089 101)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4DB9D
- E7DFA9
- EAE3B4
- EDE7BF
- F0EBCA
- F3EFD4
- F6F3DF
- F9F7EA
- FCFBF4
Koyu tonlar
- C4BB7E
- A79F6B
- 8B8558
- 706B46
- 565235
- 3E3B25
- 272516
- 121108
- 020201
Gri tonlar
- D7CE91
- CDC590
- C3BC8E
- B9B38D
- AFAB8B
- A5A289
- 9C9987
- 929185
- 898882
Renk uyumları
Tamamlayıcı +180°
- E1D792
Celery Heart
- CCD1FF
≈ Pale Phthalo Blue
Analog -30° +30°
- E1D792
Celery Heart
- FACB94
≈ Tangerine Silk
- C0E1A4
≈ Cactus Spike
Üçlü +120° +240°
- E1D792
Celery Heart
- 90E3FE
≈ Columbia Blue
- FEBEE6
≈ Pretty in Pink
Bölünmüş tamamlayıcı +150° +210°
- E1D792
Celery Heart
- B5D9FF
≈ Oh Boy!
- E7C5FF
≈ Wisteria Powder
Dörtlü +90° +180° +270°
- E1D792
Celery Heart
- 8BE8E3
≈ Aqua Fiesta
- CCD1FF
≈ Pale Phthalo Blue
- FFC2C9
≈ Cotton Candy Comet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.33:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}