이름 색상 · #F7E98E
Flavescent
Flavescent은(는) #F7E98E: rgb(247 233 142), hsl(52 87% 76%), oklch(0.926 0.113 100.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Flavescent color name →
#F7E98E
oklch(0.926 0.113 100.6)
색상 변환
- HEX
- #f7e98e
- RGB
- rgb(247 233 142)
- HSL
- hsl(52 87% 76%)
- HWB
- hwb(52 56% 3%)
- OKLCH
- oklch(0.926 0.113 100.6)
- OKLab
- oklab(0.926 -0.021 0.111)
- CIE Lab
- lab(92.02 -4.13 45.88)
- LCH
- lch(92.02 46.06 95.1)
- CMYK
- cmyk(0% 6% 43% 3%)
틴트 · 셰이드 · 톤
틴트
- F8EB9B
- F8EEA7
- F9F0B3
- FAF2BE
- FBF5C9
- FCF7D4
- FCF9DF
- FDFBEA
- FEFDF4
셰이드
- D7CB7B
- B7AD68
- 999056
- 7C7444
- 605A34
- 454124
- 2C2915
- 151307
- 030301
톤
- EADE8E
- DED38D
- D2C98D
- C6BE8B
- BAB38A
- AEA989
- A29F87
- 969485
- 8B8A82
색 조화
보색 +180°
- F7E98E
Flavescent
- E1E4FF
≈ Lavender Mist
유사색 -30° +30°
- F7E98E
Flavescent
- FFE1BF
≈ Messinesi
- CDF6A6
≈ Creamy Avocado
삼각 배색 +120° +240°
- F7E98E
Flavescent
- C1EFFF
≈ Ice Effect
- FFDAF1
≈ Sweet Sachet
분열 보색 +150° +210°
- F7E98E
Flavescent
- D5E9FF
≈ Veiling Waterfalls
- F1DEFF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- F7E98E
Flavescent
- 81FFF8
≈ Glitter Shower
- E1E4FF
≈ Lavender Mist
- FFDDE0
≈ Sweet Mallow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.23:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 17.00:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 17.00:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--flavescent: #f7e98e;
--flavescent-rgb: 247 233 142;
--flavescent-oklch: oklch(0.926 0.113 100.6);
}
.element {
color: var(--flavescent);
background-color: hsl(52 87% 76%);
border-color: oklch(0.926 0.113 100.6);
}Tailwind CSS v4
@theme {
--color-flavescent: #f7e98e;
--color-flavescent-50: #fbf7d2;
--color-flavescent-100: #eeeabf;
--color-flavescent-200: #ddd79f;
--color-flavescent-300: #c2ba75;
--color-flavescent-400: #ada04b;
--color-flavescent-500: #978713;
--color-flavescent-600: #807315;
--color-flavescent-700: #665c11;
--color-flavescent-800: #4c4209;
--color-flavescent-900: #352e06;
--color-flavescent-950: #201b00;
}SCSS
$flavescent: #f7e98e;
$flavescent-rgb: 247, 233, 142;
$flavescent-light: mix(#fff, $flavescent, 20%);
$flavescent-dark: mix(#000, $flavescent, 20%);
.element {
color: $flavescent;
box-shadow: 0 0 0 2px rgba($flavescent, 0.35);
}