이름 색상 · #F0D498
White Corn
White Corn은(는) #F0D498: rgb(240 212 152), hsl(41 75% 77%), oklch(0.879 0.083 85.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · White Corn color name →
#F0D498
oklch(0.879 0.083 85.7)
색상 변환
- HEX
- #f0d498
- RGB
- rgb(240 212 152)
- HSL
- hsl(41 75% 77%)
- HWB
- hwb(41 60% 6%)
- OKLCH
- oklch(0.879 0.083 85.7)
- OKLab
- oklab(0.879 0.006 0.083)
- CIE Lab
- lab(86.25 3.98 33.5)
- LCH
- lch(86.25 33.74 83.2)
- CMYK
- cmyk(0% 12% 37% 6%)
틴트 · 셰이드 · 톤
틴트
- F2D8A3
- F3DDAD
- F5E1B8
- F6E5C2
- F8EACC
- F9EED7
- FBF2E1
- FCF7EB
- FEFBF5
셰이드
- D1B884
- B29D70
- 95835C
- 78694A
- 5D5138
- 433A27
- 2A2417
- 141008
- 030201
톤
- E4CB96
- D9C394
- CDBA92
- C2B290
- B7A98D
- ABA18B
- A09988
- 959086
- 8B8883
색 조화
보색 +180°
- F0D498
White Corn
- C5D7FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- F0D498
White Corn
- FFCBA8
≈ Peach Crayon
- D4DFA0
≈ Lettuce Alone
삼각 배색 +120° +240°
- F0D498
White Corn
- 93E8F2
≈ Blizzard Blue
- F4C5F5
≈ Purple’s Baby Sister
분열 보색 +150° +210°
- F0D498
White Corn
- ACDFFF
≈ Droplet
- DACFFF
≈ Pale Lavender
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.57:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.57:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--white-corn: #f0d498;
--white-corn-rgb: 240 212 152;
--white-corn-oklch: oklch(0.879 0.083 85.7);
}
.element {
color: var(--white-corn);
background-color: hsl(41 75% 77%);
border-color: oklch(0.879 0.083 85.7);
}Tailwind CSS v4
@theme {
--color-white-corn: #f0d498;
--color-white-corn-50: #fff4db;
--color-white-corn-100: #f4e7c9;
--color-white-corn-200: #e3d3ac;
--color-white-corn-300: #c9b587;
--color-white-corn-400: #b59b64;
--color-white-corn-500: #9f8241;
--color-white-corn-600: #866e38;
--color-white-corn-700: #6c582c;
--color-white-corn-800: #50401f;
--color-white-corn-900: #382c14;
--color-white-corn-950: #221906;
}SCSS
$white-corn: #f0d498;
$white-corn-rgb: 240, 212, 152;
$white-corn-light: mix(#fff, $white-corn, 20%);
$white-corn-dark: mix(#000, $white-corn, 20%);
.element {
color: $white-corn;
box-shadow: 0 0 0 2px rgba($white-corn, 0.35);
}