이름 색상 · #F2D6AE
Corn Husk
Corn Husk은(는) #F2D6AE: rgb(242 214 174), hsl(35 72% 82%), oklch(0.89 0.061 76.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Corn Husk color name →
#F2D6AE
oklch(0.89 0.061 76.6)
색상 변환
- HEX
- #f2d6ae
- RGB
- rgb(242 214 174)
- HSL
- hsl(35 72% 82%)
- HWB
- hwb(35 68% 5%)
- OKLCH
- oklch(0.89 0.061 76.6)
- OKLab
- oklab(0.89 0.014 0.059)
- CIE Lab
- lab(87.26 5.74 23.59)
- LCH
- lch(87.26 24.28 76.3)
- CMYK
- cmyk(0% 12% 28% 5%)
틴트 · 셰이드 · 톤
틴트
- F3DAB6
- F5DEBE
- F6E2C6
- F7E6CF
- F9EBD7
- FAEFDF
- FBF3E7
- FDF7EF
- FEFBF7
셰이드
- D2BA97
- B49E80
- 96846A
- 796A55
- 5E5241
- 433B2E
- 2B251C
- 14100B
- 030201
톤
- E6CDAA
- DAC4A5
- CFBCA0
- C3B39C
- B8AA97
- ACA293
- A1998E
- 969189
- 8B8885
색 조화
보색 +180°
- F2D6AE
Corn Husk
- C4DDFF
≈ Arc Light
유사색 -30° +30°
- F2D6AE
Corn Husk
- FECFB9
≈ Ibis Pink
- DFDEAF
≈ Modern Zen
삼각 배색 +120° +240°
- F2D6AE
Corn Husk
- ABE8E8
≈ Cool Crayon
- EBCFF6
≈ Mousse aux Pruneaux
분열 보색 +150° +210°
- F2D6AE
Corn Husk
- B0E4FA
≈ Frozen Landscape
- D7D6FF
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
- F2D6AE
Corn Husk
- B5E8D2
≈ Woolly Mint
- C4DDFF
≈ Arc Light
- FACBE3
≈ Classic Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.00:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--corn-husk: #f2d6ae;
--corn-husk-rgb: 242 214 174;
--corn-husk-oklch: oklch(0.89 0.061 76.6);
}
.element {
color: var(--corn-husk);
background-color: hsl(35 72% 82%);
border-color: oklch(0.89 0.061 76.6);
}Tailwind CSS v4
@theme {
--color-corn-husk: #f2d6ae;
--color-corn-husk-50: #fff4e2;
--color-corn-husk-100: #f3e6d2;
--color-corn-husk-200: #e3d2b8;
--color-corn-husk-300: #c9b495;
--color-corn-husk-400: #b39a76;
--color-corn-husk-500: #9d8157;
--color-corn-husk-600: #856d4b;
--color-corn-husk-700: #6b573b;
--color-corn-husk-800: #4f3f2a;
--color-corn-husk-900: #372c1c;
--color-corn-husk-950: #22190d;
}SCSS
$corn-husk: #f2d6ae;
$corn-husk-rgb: 242, 214, 174;
$corn-husk-light: mix(#fff, $corn-husk, 20%);
$corn-husk-dark: mix(#000, $corn-husk, 20%);
.element {
color: $corn-husk;
box-shadow: 0 0 0 2px rgba($corn-husk, 0.35);
}