가장 가까운 이름 색상 · #FFF3D6
#FFF3D6
가장 가까운 이름 색상: Hazelwood
#FFF3D6(rgb(255 243 214), hsl(42 100% 92%), oklch(0.966 0.04 88.2))와 가장 가까운 이름 색상은 Hazelwood입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFF3D6
oklch(0.966 0.04 88.2)
색상 변환
- HEX
- #fff3d6
- RGB
- rgb(255 243 214)
- HSL
- hsl(42 100% 92%)
- HWB
- hwb(42 84% 0%)
- OKLCH
- oklch(0.966 0.04 88.2)
- OKLab
- oklab(0.966 0.001 0.04)
- CIE Lab
- lab(96.24 0.74 15.57)
- LCH
- lch(96.24 15.58 87.3)
- CMYK
- cmyk(0% 5% 16% 0%)
틴트 · 셰이드 · 톤
틴트
- FFF4DA
- FFF5DE
- FFF7E2
- FFF8E7
- FFF9EB
- FFFAEF
- FFFBF3
- FFFDF7
- FFFEFB
셰이드
- DED3BA
- BEB49E
- 9E9784
- 807A6A
- 635E52
- 48443B
- 2E2B25
- 161410
- 030302
톤
- F2E7CD
- E4DBC4
- D7CFBC
- CAC3B3
- BEB8AA
- B1ACA2
- A4A199
- 989691
- 8C8B88
색 조화
보색 +180°
- FFF3D6
Hazelwood
- EFF4FF
≈ Placebo Blue
유사색 -30° +30°
- FFF3D6
Hazelwood
- FFF1E7
≈ Pico Ivory
- F1F8DA
≈ Sprig of Sage
삼각 배색 +120° +240°
- FFF3D6
Hazelwood
- DDFAFF
≈ Glacial Day
- FFEEFE
≈ Lovely Euphoric Delight
분열 보색 +150° +210°
- FFF3D6
Hazelwood
- E9F6FF
≈ Kodama White
- F5F1FF
≈ Cloud Break
사각 배색 +90° +180° +270°
- FFF3D6
Hazelwood
- D8FDF4
≈ Candied Snow
- EFF4FF
≈ Placebo Blue
- FFEFF4
≈ Powder Puff
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.10:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.04:1 · APCA Lc 100
가장 좋은 글자색: #000000
WCAG 19.04:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--hazelwood: #fff3d6;
--hazelwood-rgb: 255 243 214;
--hazelwood-oklch: oklch(0.966 0.04 88.2);
}
.element {
color: var(--hazelwood);
background-color: hsl(42 100% 92%);
border-color: oklch(0.966 0.04 88.2);
}Tailwind CSS v4
@theme {
--color-hazelwood: #fff3d6;
--color-hazelwood-50: #f9f5e9;
--color-hazelwood-100: #ede8d9;
--color-hazelwood-200: #dbd4c1;
--color-hazelwood-300: #bfb7a1;
--color-hazelwood-400: #a89e84;
--color-hazelwood-500: #918568;
--color-hazelwood-600: #7b7158;
--color-hazelwood-700: #625a46;
--color-hazelwood-800: #484233;
--color-hazelwood-900: #322d22;
--color-hazelwood-950: #1e1a12;
}SCSS
$hazelwood: #fff3d6;
$hazelwood-rgb: 255, 243, 214;
$hazelwood-light: mix(#fff, $hazelwood, 20%);
$hazelwood-dark: mix(#000, $hazelwood, 20%);
.element {
color: $hazelwood;
box-shadow: 0 0 0 2px rgba($hazelwood, 0.35);
}