Colore con nome · #E4CF86
Lemon Thyme
Lemon Thyme è #E4CF86: rgb(228 207 134), hsl(47 64% 71%), oklch(0.856 0.095 93.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lemon Thyme color name →
#E4CF86
oklch(0.856 0.095 93.9)
Conversioni di colore
- HEX
- #e4cf86
- RGB
- rgb(228 207 134)
- HSL
- hsl(47 64% 71%)
- HWB
- hwb(47 53% 11%)
- OKLCH
- oklch(0.856 0.095 93.9)
- OKLab
- oklab(0.856 -0.007 0.095)
- CIE Lab
- lab(83.67 0.24 39.04)
- LCH
- lch(83.67 39.04 89.7)
- CMYK
- cmyk(0% 9% 41% 11%)
Tinte · Ombre · Toni
Tinte
- E7D493
- E9D99F
- ECDEAC
- EFE2B8
- F1E7C4
- F4ECD0
- F7F1DC
- FAF6E7
- FCFAF3
Ombre
- C6B474
- A99962
- 8D7F51
- 726740
- 584F30
- 3F3821
- 282313
- 121006
- 030201
Toni
- DAC786
- CFBF86
- C5B786
- BBAF86
- B1A785
- A79F85
- 9D9784
- 938F83
- 898881
Armonie di colore
Complementare +180°
- E4CF86
Lemon Thyme
- C1CDFF
≈ Lavender Blue
Analogo -30° +30°
- E4CF86
Lemon Thyme
- FCC38D
≈ Tuscan Wall
- C2DB95
≈ Lickety Split
Triadico +120° +240°
- E4CF86
Lemon Thyme
- 80E0F6
≈ Photon Barrier
- F7B8EA
≈ Lovecloud
Complementare divisa +150° +210°
- E4CF86
Lemon Thyme
- A5D6FF
≈ Malmö FF
- DCC2FF
≈ Neon Boneyard
Tetradico +90° +180° +270°
- E4CF86
Lemon Thyme
- 82E4D6
≈ Sea Foam
- C1CDFF
≈ Lavender Blue
- FFB9C9
≈ Tentacle Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.56:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--lemon-thyme: #e4cf86;
--lemon-thyme-rgb: 228 207 134;
--lemon-thyme-oklch: oklch(0.856 0.095 93.9);
}
.element {
color: var(--lemon-thyme);
background-color: hsl(47 64% 71%);
border-color: oklch(0.856 0.095 93.9);
}Tailwind CSS v4
@theme {
--color-lemon-thyme: #e4cf86;
--color-lemon-thyme-50: #fdf6d7;
--color-lemon-thyme-100: #f1e8c5;
--color-lemon-thyme-200: #e0d5a7;
--color-lemon-thyme-300: #c6b87f;
--color-lemon-thyme-400: #b19e5a;
--color-lemon-thyme-500: #9b8532;
--color-lemon-thyme-600: #83702c;
--color-lemon-thyme-700: #695a23;
--color-lemon-thyme-800: #4e4117;
--color-lemon-thyme-900: #362d0f;
--color-lemon-thyme-950: #211a03;
}SCSS
$lemon-thyme: #e4cf86;
$lemon-thyme-rgb: 228, 207, 134;
$lemon-thyme-light: mix(#fff, $lemon-thyme, 20%);
$lemon-thyme-dark: mix(#000, $lemon-thyme, 20%);
.element {
color: $lemon-thyme;
box-shadow: 0 0 0 2px rgba($lemon-thyme, 0.35);
}