Adlandırılmış renk · #FEF9D7
Wild Apple
Wild Apple, #FEF9D7: rgb(254 249 215), hsl(52 95% 92%), oklch(0.977 0.044 100.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Wild Apple color name →
#FEF9D7
oklch(0.977 0.044 100.3)
Renk dönüşümleri
- HEX
- #fef9d7
- RGB
- rgb(254 249 215)
- HSL
- hsl(52 95% 92%)
- HWB
- hwb(52 84% 0%)
- OKLCH
- oklch(0.977 0.044 100.3)
- OKLab
- oklab(0.977 -0.008 0.044)
- CIE Lab
- lab(97.66 -2.34 17.03)
- LCH
- lch(97.66 17.19 97.8)
- CMYK
- cmyk(0% 2% 15% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEFADB
- FEFADF
- FEFBE3
- FEFBE7
- FEFCEB
- FFFDEF
- FFFDF3
- FFFEF7
- FFFEFB
Koyu tonlar
- DDD9BB
- BDB99F
- 9E9A85
- 807D6B
- 636152
- 47463B
- 2D2C25
- 161511
- 030302
Gri tonlar
- F1ECCE
- E4E0C5
- D7D3BC
- CAC7B3
- BDBBAB
- B0AFA2
- A4A399
- 989791
- 8C8B88
Renk uyumları
Tamamlayıcı +180°
- FEF9D7
Wild Apple
- F6F7FF
≈ Ghost White
Analog -30° +30°
- FEF9D7
Wild Apple
- FFF6EC
≈ Fatback
- EEFEDF
≈ Baby Tooth
Üçlü +120° +240°
- FEF9D7
Wild Apple
- EDFAFF
≈ Alice Blue
- FFF4FB
≈ Sea Salt Sherbet
Bölünmüş tamamlayıcı +150° +210°
- FEF9D7
Wild Apple
- F2F8FF
≈ Alice Blue
- FBF5FF
≈ Sugar Crystal
Dörtlü +90° +180° +270°
- FEF9D7
Wild Apple
- E0FFFC
≈ Light Cyan
- F6F7FF
≈ Ghost White
- FFF5F6
≈ Sea Salt Sherbet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.06:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.74:1 · APCA Lc 103
En iyi metin rengi: #000000
WCAG 19.74:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--wild-apple: #fef9d7;
--wild-apple-rgb: 254 249 215;
--wild-apple-oklch: oklch(0.977 0.044 100.3);
}
.element {
color: var(--wild-apple);
background-color: hsl(52 95% 92%);
border-color: oklch(0.977 0.044 100.3);
}Tailwind CSS v4
@theme {
--color-wild-apple: #fef9d7;
--color-wild-apple-50: #f7f6e8;
--color-wild-apple-100: #eae9d8;
--color-wild-apple-200: #d7d5c0;
--color-wild-apple-300: #bbb99f;
--color-wild-apple-400: #a4a082;
--color-wild-apple-500: #8d8765;
--color-wild-apple-600: #777356;
--color-wild-apple-700: #5f5c45;
--color-wild-apple-800: #464331;
--color-wild-apple-900: #312e21;
--color-wild-apple-950: #1d1b11;
}SCSS
$wild-apple: #fef9d7;
$wild-apple-rgb: 254, 249, 215;
$wild-apple-light: mix(#fff, $wild-apple, 20%);
$wild-apple-dark: mix(#000, $wild-apple, 20%);
.element {
color: $wild-apple;
box-shadow: 0 0 0 2px rgba($wild-apple, 0.35);
}