이름 색상 · #F3E0C6
Estate Vanilla
Estate Vanilla은(는) #F3E0C6: rgb(243 224 198), hsl(35 65% 86%), oklch(0.915 0.04 75.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Estate Vanilla color name →
#F3E0C6
oklch(0.915 0.04 75.8)
색상 변환
- HEX
- #f3e0c6
- RGB
- rgb(243 224 198)
- HSL
- hsl(35 65% 86%)
- HWB
- hwb(35 78% 5%)
- OKLCH
- oklch(0.915 0.04 75.8)
- OKLab
- oklab(0.915 0.01 0.039)
- CIE Lab
- lab(90.23 3.71 15.26)
- LCH
- lch(90.23 15.71 76.4)
- CMYK
- cmyk(0% 8% 19% 5%)
틴트 · 셰이드 · 톤
틴트
- F4E3CC
- F5E6D1
- F7E9D7
- F8ECDD
- F9F0E2
- FAF3E8
- FBF6EE
- FDF9F4
- FEFCF9
셰이드
- D3C3AC
- B4A692
- 978A7A
- 7A7062
- 5E564B
- 443E35
- 2B2721
- 14120E
- 030202
톤
- E7D6BF
- DBCCB8
- CFC2B1
- C3B9AA
- B8AFA3
- ACA59C
- A19C95
- 96928E
- 8B8987
색 조화
보색 +180°
- F3E0C6
Estate Vanilla
- D2E5FE
≈ Veiling Waterfalls
유사색 -30° +30°
- F3E0C6
Estate Vanilla
- FBDBCD
≈ Light Carob
- E6E5C7
≈ Fountain Frolic
삼각 배색 +120° +240°
- F3E0C6
Estate Vanilla
- C5ECEC
≈ Morning Sky
- EEDBF6
≈ Grape Taffy
분열 보색 +150° +210°
- F3E0C6
Estate Vanilla
- C8E9F8
≈ Icy Landscape
- E0E0FE
≈ Stoic White
사각 배색 +90° +180° +270°
- F3E0C6
Estate Vanilla
- CBECDD
≈ Hatching Chameleon
- D2E5FE
≈ Veiling Waterfalls
- F8D9E9
≈ Cherry Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.28:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--estate-vanilla: #f3e0c6;
--estate-vanilla-rgb: 243 224 198;
--estate-vanilla-oklch: oklch(0.915 0.04 75.8);
}
.element {
color: var(--estate-vanilla);
background-color: hsl(35 65% 86%);
border-color: oklch(0.915 0.04 75.8);
}Tailwind CSS v4
@theme {
--color-estate-vanilla: #f3e0c6;
--color-estate-vanilla-50: #fcf4e9;
--color-estate-vanilla-100: #efe7d9;
--color-estate-vanilla-200: #ded3c2;
--color-estate-vanilla-300: #c3b5a1;
--color-estate-vanilla-400: #ad9c84;
--color-estate-vanilla-500: #968369;
--color-estate-vanilla-600: #7f6f59;
--color-estate-vanilla-700: #665947;
--color-estate-vanilla-800: #4b4033;
--color-estate-vanilla-900: #342c23;
--color-estate-vanilla-950: #1f1912;
}SCSS
$estate-vanilla: #f3e0c6;
$estate-vanilla-rgb: 243, 224, 198;
$estate-vanilla-light: mix(#fff, $estate-vanilla, 20%);
$estate-vanilla-dark: mix(#000, $estate-vanilla, 20%);
.element {
color: $estate-vanilla;
box-shadow: 0 0 0 2px rgba($estate-vanilla, 0.35);
}