色名 · #FCE699
Lemon Delicious
Lemon Deliciousは#FCE699：rgb(252 230 153)、hsl(47 94% 79%)、oklch(0.926 0.099 94)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lemon Delicious color name →
#FCE699
oklch(0.926 0.099 94)
カラー変換
- HEX
- #fce699
- RGB
- rgb(252 230 153)
- HSL
- hsl(47 94% 79%)
- HWB
- hwb(47 60% 1%)
- OKLCH
- oklch(0.926 0.099 94)
- OKLab
- oklab(0.926 -0.007 0.099)
- CIE Lab
- lab(91.83 0.07 40.38)
- LCH
- lch(91.83 40.38 89.9)
- CMYK
- cmyk(0% 9% 39% 1%)
ティント · シェード · トーン
ティント
- FCE9A4
- FDEBAF
- FDEEB9
- FDF0C4
- FDF3CE
- FEF5D8
- FEF8E2
- FEFAEC
- FFFDF5
シェード
- DBC884
- BBAB70
- 9C8E5D
- 7E734A
- 625938
- 474027
- 2D2817
- 161308
- 030301
トーン
- EFDB97
- E2D195
- D5C793
- C9BC91
- BCB28F
- B0A88C
- A49E89
- 989486
- 8C8A83
カラーハーモニー
補色 +180°
- FCE699
Lemon Delicious
- DFE5FF
≈ Lavender Mist
類似色 -30° +30°
- FCE699
Lemon Delicious
- FFE0C5
≈ Creamy Beige
- D8F2A9
≈ Mint Julep
トライアド +120° +240°
- FCE699
Lemon Delicious
- B9F2FF
≈ Northrend
- FFD9F6
≈ Strawberry Frost
スプリットコンプリメンタリー +150° +210°
- FCE699
Lemon Delicious
- D2EAFF
≈ Veiling Waterfalls
- EDE0FF
≈ Lavender Savour
テトラード +90° +180° +270°
- FCE699
Lemon Delicious
- 95FDEE
≈ Hello Winter
- DFE5FF
≈ Lavender Mist
- FFDCE3
≈ Pink Perfume
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.91:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--lemon-delicious: #fce699;
--lemon-delicious-rgb: 252 230 153;
--lemon-delicious-oklch: oklch(0.926 0.099 94);
}
.element {
color: var(--lemon-delicious);
background-color: hsl(47 94% 79%);
border-color: oklch(0.926 0.099 94);
}Tailwind CSS v4
@theme {
--color-lemon-delicious: #fce699;
--color-lemon-delicious-50: #fdf6d6;
--color-lemon-delicious-100: #f1e8c3;
--color-lemon-delicious-200: #e0d5a5;
--color-lemon-delicious-300: #c6b87d;
--color-lemon-delicious-400: #b29e57;
--color-lemon-delicious-500: #9c852c;
--color-lemon-delicious-600: #847027;
--color-lemon-delicious-700: #695a1f;
--color-lemon-delicious-800: #4f4114;
--color-lemon-delicious-900: #372d0d;
--color-lemon-delicious-950: #221a02;
}SCSS
$lemon-delicious: #fce699;
$lemon-delicious-rgb: 252, 230, 153;
$lemon-delicious-light: mix(#fff, $lemon-delicious, 20%);
$lemon-delicious-dark: mix(#000, $lemon-delicious, 20%);
.element {
color: $lemon-delicious;
box-shadow: 0 0 0 2px rgba($lemon-delicious, 0.35);
}