Colore con nome · #F5C71A
Leery Lemon
Leery Lemon è #F5C71A: rgb(245 199 26), hsl(47 92% 53%), oklch(0.846 0.169 91.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Leery Lemon color name →
#F5C71A
oklch(0.846 0.169 91.4)
Conversioni di colore
- HEX
- #f5c71a
- RGB
- rgb(245 199 26)
- HSL
- hsl(47 92% 53%)
- HWB
- hwb(47 10% 4%)
- OKLCH
- oklch(0.846 0.169 91.4)
- OKLab
- oklab(0.846 -0.004 0.169)
- CIE Lab
- lab(82.55 6.67 79.78)
- LCH
- lch(82.55 80.06 85.2)
- CMYK
- cmyk(0% 19% 89% 4%)
Tinte · Ombre · Toni
Tinte
- F6CD48
- F7D364
- F8D97C
- F9DF91
- FAE4A5
- FBEAB7
- FCEFCA
- FDF5DC
- FEFAED
Ombre
- D5AD15
- B69310
- 987A0C
- 7B6207
- 5F4C04
- 443602
- 2B2101
- 150E00
- 030200
Toni
- E9C037
- DDB948
- D1B254
- C5AB5E
- B9A466
- AD9D6D
- A29673
- 968F78
- 8B877C
Armonie di colore
Complementare +180°
- F5C71A
Leery Lemon
- BACAFF
≈ Light Periwinkle
Analogo -30° +30°
- F5C71A
Leery Lemon
- FFBD84
≈ Apricot Flower
- BCDD50
≈ Queen of Gardens
Triadico +120° +240°
- F5C71A
Leery Lemon
- 3AE4FF
≈ Shimmering Expanse Cyan
- FFABF4
≈ Pink Wink
Complementare divisa +150° +210°
- F5C71A
Leery Lemon
- 9BD4FF
≈ Long Island Sound
- D7BFFF
≈ Lavender Fragrance
Tetradico +90° +180° +270°
- F5C71A
Leery Lemon
- 00ECD3
≈ Fake Jade
- BACAFF
≈ Light Periwinkle
- FFB4C8
≈ Baby Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.06:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--leery-lemon: #f5c71a;
--leery-lemon-rgb: 245 199 26;
--leery-lemon-oklch: oklch(0.846 0.169 91.4);
}
.element {
color: var(--leery-lemon);
background-color: hsl(47 92% 53%);
border-color: oklch(0.846 0.169 91.4);
}Tailwind CSS v4
@theme {
--color-leery-lemon: #f5c71a;
--color-leery-lemon-50: #fff5be;
--color-leery-lemon-100: #fbe7a7;
--color-leery-lemon-200: #edd37d;
--color-leery-lemon-300: #d5b542;
--color-leery-lemon-400: #c39900;
--color-leery-lemon-500: #af7e00;
--color-leery-lemon-600: #946b00;
--color-leery-lemon-700: #775500;
--color-leery-lemon-800: #593d00;
--color-leery-lemon-900: #3f2a00;
--color-leery-lemon-950: #281700;
}SCSS
$leery-lemon: #f5c71a;
$leery-lemon-rgb: 245, 199, 26;
$leery-lemon-light: mix(#fff, $leery-lemon, 20%);
$leery-lemon-dark: mix(#000, $leery-lemon, 20%);
.element {
color: $leery-lemon;
box-shadow: 0 0 0 2px rgba($leery-lemon, 0.35);
}