色名 · #E4CF86
Lemon Thyme
Lemon Thymeは#E4CF86：rgb(228 207 134)、hsl(47 64% 71%)、oklch(0.856 0.095 93.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lemon Thyme color name →
#E4CF86
oklch(0.856 0.095 93.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- E7D493
- E9D99F
- ECDEAC
- EFE2B8
- F1E7C4
- F4ECD0
- F7F1DC
- FAF6E7
- FCFAF3
シェード
- C6B474
- A99962
- 8D7F51
- 726740
- 584F30
- 3F3821
- 282313
- 121006
- 030201
トーン
- DAC786
- CFBF86
- C5B786
- BBAF86
- B1A785
- A79F85
- 9D9784
- 938F83
- 898881
カラーハーモニー
補色 +180°
- E4CF86
Lemon Thyme
- C1CDFF
≈ Lavender Blue
類似色 -30° +30°
- E4CF86
Lemon Thyme
- FCC38D
≈ Tuscan Wall
- C2DB95
≈ Lickety Split
トライアド +120° +240°
- E4CF86
Lemon Thyme
- 80E0F6
≈ Photon Barrier
- F7B8EA
≈ Lovecloud
スプリットコンプリメンタリー +150° +210°
- E4CF86
Lemon Thyme
- A5D6FF
≈ Malmö FF
- DCC2FF
≈ Neon Boneyard
テトラード +90° +180° +270°
- E4CF86
Lemon Thyme
- 82E4D6
≈ Sea Foam
- C1CDFF
≈ Lavender Blue
- FFB9C9
≈ Tentacle Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.56:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.56:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
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);
}