이름 색상 · #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);
}