Adlandırılmış renk · #D8F19C
Creamy Avocado
Creamy Avocado, #D8F19C: rgb(216 241 156), hsl(78 75% 78%), oklch(0.92 0.112 122). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Creamy Avocado color name →
#D8F19C
oklch(0.92 0.112 122)
Renk dönüşümleri
- HEX
- #d8f19c
- RGB
- rgb(216 241 156)
- HSL
- hsl(78 75% 78%)
- HWB
- hwb(78 61% 5%)
- OKLCH
- oklch(0.92 0.112 122)
- OKLab
- oklab(0.92 -0.059 0.095)
- CIE Lab
- lab(91.84 -18.54 38.23)
- LCH
- lch(91.84 42.49 115.9)
- CMYK
- cmyk(10% 0% 35% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCF3A7
- E0F4B1
- E3F6BB
- E7F7C5
- EBF9CF
- EFFAD9
- F3FBE2
- F7FDEC
- FBFEF6
Koyu tonlar
- BCD287
- A0B373
- 85955F
- 6B794C
- 535D39
- 3B4328
- 252B18
- 111409
- 020301
Gri tonlar
- CFE59A
- C6DA98
- BDCE95
- B4C393
- ABB790
- A2AC8D
- 99A18A
- 919687
- 888B83
Renk uyumları
Tamamlayıcı +180°
- D8F19C
Creamy Avocado
- EADEFF
≈ Lavender Savour
Analog -30° +30°
- D8F19C
Creamy Avocado
- FFE38D
≈ Bicycle Yellow
- ABFBC0
≈ Light Sea-Foam
Üçlü +120° +240°
- D8F19C
Creamy Avocado
- CDE9FF
≈ Veiling Waterfalls
- FFD9E2
≈ It’s a Girl!
Bölünmüş tamamlayıcı +150° +210°
- D8F19C
Creamy Avocado
- DBE4FF
≈ Stoic White
- FFD6F8
≈ Strawberry Frost
Dörtlü +90° +180° +270°
- D8F19C
Creamy Avocado
- B0F1FF
≈ Northrend
- EADEFF
≈ Lavender Savour
- FFDBD4
≈ Peach Schnapps
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.98:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.98:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--creamy-avocado: #d8f19c;
--creamy-avocado-rgb: 216 241 156;
--creamy-avocado-oklch: oklch(0.92 0.112 122);
}
.element {
color: var(--creamy-avocado);
background-color: hsl(78 75% 78%);
border-color: oklch(0.92 0.112 122);
}Tailwind CSS v4
@theme {
--color-creamy-avocado: #d8f19c;
--color-creamy-avocado-50: #eefbd8;
--color-creamy-avocado-100: #e0efc6;
--color-creamy-avocado-200: #cadda8;
--color-creamy-avocado-300: #abc181;
--color-creamy-avocado-400: #93a95b;
--color-creamy-avocado-500: #7a9133;
--color-creamy-avocado-600: #677b2d;
--color-creamy-avocado-700: #526224;
--color-creamy-avocado-800: #3e4816;
--color-creamy-avocado-900: #2a320e;
--color-creamy-avocado-950: #181e02;
}SCSS
$creamy-avocado: #d8f19c;
$creamy-avocado-rgb: 216, 241, 156;
$creamy-avocado-light: mix(#fff, $creamy-avocado, 20%);
$creamy-avocado-dark: mix(#000, $creamy-avocado, 20%);
.element {
color: $creamy-avocado;
box-shadow: 0 0 0 2px rgba($creamy-avocado, 0.35);
}