Adlandırılmış renk · #F7E98E
Flavescent
Flavescent, #F7E98E: rgb(247 233 142), hsl(52 87% 76%), oklch(0.926 0.113 100.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Flavescent color name →
#F7E98E
oklch(0.926 0.113 100.6)
Renk dönüşümleri
- HEX
- #f7e98e
- RGB
- rgb(247 233 142)
- HSL
- hsl(52 87% 76%)
- HWB
- hwb(52 56% 3%)
- OKLCH
- oklch(0.926 0.113 100.6)
- OKLab
- oklab(0.926 -0.021 0.111)
- CIE Lab
- lab(92.02 -4.13 45.88)
- LCH
- lch(92.02 46.06 95.1)
- CMYK
- cmyk(0% 6% 43% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8EB9B
- F8EEA7
- F9F0B3
- FAF2BE
- FBF5C9
- FCF7D4
- FCF9DF
- FDFBEA
- FEFDF4
Koyu tonlar
- D7CB7B
- B7AD68
- 999056
- 7C7444
- 605A34
- 454124
- 2C2915
- 151307
- 030301
Gri tonlar
- EADE8E
- DED38D
- D2C98D
- C6BE8B
- BAB38A
- AEA989
- A29F87
- 969485
- 8B8A82
Renk uyumları
Tamamlayıcı +180°
- F7E98E
Flavescent
- E1E4FF
≈ Lavender Mist
Analog -30° +30°
- F7E98E
Flavescent
- FFE1BF
≈ Messinesi
- CDF6A6
≈ Creamy Avocado
Üçlü +120° +240°
- F7E98E
Flavescent
- C1EFFF
≈ Ice Effect
- FFDAF1
≈ Sweet Sachet
Bölünmüş tamamlayıcı +150° +210°
- F7E98E
Flavescent
- D5E9FF
≈ Veiling Waterfalls
- F1DEFF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- F7E98E
Flavescent
- 81FFF8
≈ Glitter Shower
- E1E4FF
≈ Lavender Mist
- FFDDE0
≈ Sweet Mallow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 17.00:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 17.00:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--flavescent: #f7e98e;
--flavescent-rgb: 247 233 142;
--flavescent-oklch: oklch(0.926 0.113 100.6);
}
.element {
color: var(--flavescent);
background-color: hsl(52 87% 76%);
border-color: oklch(0.926 0.113 100.6);
}Tailwind CSS v4
@theme {
--color-flavescent: #f7e98e;
--color-flavescent-50: #fbf7d2;
--color-flavescent-100: #eeeabf;
--color-flavescent-200: #ddd79f;
--color-flavescent-300: #c2ba75;
--color-flavescent-400: #ada04b;
--color-flavescent-500: #978713;
--color-flavescent-600: #807315;
--color-flavescent-700: #665c11;
--color-flavescent-800: #4c4209;
--color-flavescent-900: #352e06;
--color-flavescent-950: #201b00;
}SCSS
$flavescent: #f7e98e;
$flavescent-rgb: 247, 233, 142;
$flavescent-light: mix(#fff, $flavescent, 20%);
$flavescent-dark: mix(#000, $flavescent, 20%);
.element {
color: $flavescent;
box-shadow: 0 0 0 2px rgba($flavescent, 0.35);
}