이름 색상 · #FFFBA8
Lemon Slice
Lemon Slice은(는) #FFFBA8: rgb(255 251 168), hsl(57 100% 83%), oklch(0.973 0.103 105.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lemon Slice color name →
#FFFBA8
oklch(0.973 0.103 105.8)
색상 변환
- HEX
- #fffba8
- RGB
- rgb(255 251 168)
- HSL
- hsl(57 100% 83%)
- HWB
- hwb(57 66% 0%)
- OKLCH
- oklch(0.973 0.103 105.8)
- OKLab
- oklab(0.973 -0.028 0.1)
- CIE Lab
- lab(97.54 -7.45 40.35)
- LCH
- lch(97.54 41.03 100.5)
- CMYK
- cmyk(0% 2% 34% 0%)
틴트 · 셰이드 · 톤
틴트
- FFFCB2
- FFFCBB
- FFFDC4
- FFFDCD
- FFFDD5
- FFFEDE
- FFFEE6
- FFFFEF
- FFFFF7
셰이드
- DEDA92
- BEBA7C
- 9E9C67
- 807E52
- 63613F
- 48462C
- 2E2D1A
- 16150A
- 030301
톤
- F2EEA5
- E4E1A1
- D7D59E
- CAC89A
- BDBC96
- B1B092
- A4A48E
- 989889
- 8C8C85
색 조화
보색 +180°
- FFFBA8
Lemon Slice
- F5F5FF
≈ Sugar Crystal
유사색 -30° +30°
- FFFBA8
Lemon Slice
- FFF4E6
≈ Soft Pillow
- E6FFDB
≈ Nyanza
삼각 배색 +120° +240°
- FFFBA8
Lemon Slice
- EBF9FF
≈ Alice Blue
- FFF2F8
≈ Pinkish White
분열 보색 +150° +210°
- FFFBA8
Lemon Slice
- F0F7FF
≈ Alice Blue
- FBF2FF
≈ Sugar Crystal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.07:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.61:1 · APCA Lc 103
가장 좋은 글자색: #000000
WCAG 19.61:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--lemon-slice: #fffba8;
--lemon-slice-rgb: 255 251 168;
--lemon-slice-oklch: oklch(0.973 0.103 105.8);
}
.element {
color: var(--lemon-slice);
background-color: hsl(57 100% 83%);
border-color: oklch(0.973 0.103 105.8);
}Tailwind CSS v4
@theme {
--color-lemon-slice: #fffba8;
--color-lemon-slice-50: #f8f8d6;
--color-lemon-slice-100: #ebebc4;
--color-lemon-slice-200: #d8d8a5;
--color-lemon-slice-300: #bcbc7d;
--color-lemon-slice-400: #a7a256;
--color-lemon-slice-500: #908a2c;
--color-lemon-slice-600: #797527;
--color-lemon-slice-700: #615d1f;
--color-lemon-slice-800: #494413;
--color-lemon-slice-900: #322f0c;
--color-lemon-slice-950: #1e1b01;
}SCSS
$lemon-slice: #fffba8;
$lemon-slice-rgb: 255, 251, 168;
$lemon-slice-light: mix(#fff, $lemon-slice, 20%);
$lemon-slice-dark: mix(#000, $lemon-slice, 20%);
.element {
color: $lemon-slice;
box-shadow: 0 0 0 2px rgba($lemon-slice, 0.35);
}