Nazwany kolor · #E4CF86
Lemon Thyme
Lemon Thyme to #E4CF86: rgb(228 207 134), hsl(47 64% 71%), oklch(0.856 0.095 93.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lemon Thyme color name →
#E4CF86
oklch(0.856 0.095 93.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7D493
- E9D99F
- ECDEAC
- EFE2B8
- F1E7C4
- F4ECD0
- F7F1DC
- FAF6E7
- FCFAF3
Odcienie ciemniejsze
- C6B474
- A99962
- 8D7F51
- 726740
- 584F30
- 3F3821
- 282313
- 121006
- 030201
Tony
- DAC786
- CFBF86
- C5B786
- BBAF86
- B1A785
- A79F85
- 9D9784
- 938F83
- 898881
Harmonie kolorów
Komplementarna +180°
- E4CF86
Lemon Thyme
- C1CDFF
≈ Lavender Blue
Analogowa -30° +30°
- E4CF86
Lemon Thyme
- FCC38D
≈ Tuscan Wall
- C2DB95
≈ Lickety Split
Triada +120° +240°
- E4CF86
Lemon Thyme
- 80E0F6
≈ Photon Barrier
- F7B8EA
≈ Lovecloud
Komplementarna rozszczepiona +150° +210°
- E4CF86
Lemon Thyme
- A5D6FF
≈ Malmö FF
- DCC2FF
≈ Neon Boneyard
Tetrada +90° +180° +270°
- E4CF86
Lemon Thyme
- 82E4D6
≈ Sea Foam
- C1CDFF
≈ Lavender Blue
- FFB9C9
≈ Tentacle Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.56:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}