이름 색상 · #F0E093
Cheesy Frittata
Cheesy Frittata은(는) #F0E093: rgb(240 224 147), hsl(50 76% 76%), oklch(0.902 0.098 97.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Cheesy Frittata color name →
#F0E093
oklch(0.902 0.098 97.9)
색상 변환
- HEX
- #f0e093
- RGB
- rgb(240 224 147)
- HSL
- hsl(50 76% 76%)
- HWB
- hwb(50 58% 6%)
- OKLCH
- oklch(0.902 0.098 97.9)
- OKLab
- oklab(0.902 -0.013 0.097)
- CIE Lab
- lab(89.2 -2.21 39.78)
- LCH
- lch(89.2 39.84 93.2)
- CMYK
- cmyk(0% 7% 39% 6%)
틴트 · 셰이드 · 톤
틴트
- F1E39F
- F3E6AA
- F4EAB5
- F6EDC0
- F7F0CB
- F9F3D5
- FAF6E0
- FCF9EA
- FDFCF5
셰이드
- D1C37F
- B2A66C
- 958A59
- 787047
- 5D5636
- 433E25
- 2A2716
- 141208
- 030201
톤
- E4D692
- D9CC91
- CDC28F
- C2B98E
- B6AF8C
- ABA68A
- A09C88
- 959385
- 8B8983
색 조화
보색 +180°
- F0E093
Cheesy Frittata
- D7DDFF
≈ Transparent Blue
유사색 -30° +30°
- F0E093
Cheesy Frittata
- FFD7AD
≈ Delicious Melon
- CCECA5
≈ Crystal Apple
삼각 배색 +120° +240°
- F0E093
Cheesy Frittata
- A8EBFF
≈ Beyond the Clouds
- FFCDEF
≈ Infra-White
분열 보색 +150° +210°
- F0E093
Cheesy Frittata
- C6E3FF
≈ Fresh Water
- EAD5FF
≈ Rose Dragée
사각 배색 +90° +180° +270°
- F0E093
Cheesy Frittata
- 8DF4EB
≈ Turquoise Pearl
- D7DDFF
≈ Transparent Blue
- FFD1D8
≈ Love Fumes
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.78:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--cheesy-frittata: #f0e093;
--cheesy-frittata-rgb: 240 224 147;
--cheesy-frittata-oklch: oklch(0.902 0.098 97.9);
}
.element {
color: var(--cheesy-frittata);
background-color: hsl(50 76% 76%);
border-color: oklch(0.902 0.098 97.9);
}Tailwind CSS v4
@theme {
--color-cheesy-frittata: #f0e093;
--color-cheesy-frittata-50: #fbf6d7;
--color-cheesy-frittata-100: #efe9c4;
--color-cheesy-frittata-200: #ded6a6;
--color-cheesy-frittata-300: #c3b97e;
--color-cheesy-frittata-400: #ae9f58;
--color-cheesy-frittata-500: #98862f;
--color-cheesy-frittata-600: #807229;
--color-cheesy-frittata-700: #675b21;
--color-cheesy-frittata-800: #4d4215;
--color-cheesy-frittata-900: #352e0d;
--color-cheesy-frittata-950: #201a02;
}SCSS
$cheesy-frittata: #f0e093;
$cheesy-frittata-rgb: 240, 224, 147;
$cheesy-frittata-light: mix(#fff, $cheesy-frittata, 20%);
$cheesy-frittata-dark: mix(#000, $cheesy-frittata, 20%);
.element {
color: $cheesy-frittata;
box-shadow: 0 0 0 2px rgba($cheesy-frittata, 0.35);
}