이름 색상 · #F0F1EC
Windmill Wings
Windmill Wings은(는) #F0F1EC: rgb(240 241 236), hsl(72 15% 94%), oklch(0.956 0.007 115.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Windmill Wings color name →
#F0F1EC
oklch(0.956 0.007 115.7)
색상 변환
- HEX
- #f0f1ec
- RGB
- rgb(240 241 236)
- HSL
- hsl(72 15% 94%)
- HWB
- hwb(72 93% 5%)
- OKLCH
- oklch(0.956 0.007 115.7)
- OKLab
- oklab(0.956 -0.003 0.006)
- CIE Lab
- lab(94.96 -1 2.3)
- LCH
- lch(94.96 2.51 113.5)
- CMYK
- cmyk(0% 0% 2% 5%)
틴트 · 셰이드 · 톤
틴트
- F1F2EE
- F3F4F0
- F4F5F2
- F6F7F4
- F7F8F5
- F9F9F7
- FAFBF9
- FCFCFB
- FDFEFD
셰이드
- D1D2CD
- B2B3AF
- 959592
- 787976
- 5D5D5B
- 434342
- 2A2B29
- 141413
- 030303
톤
- E4E5E1
- D9D9D5
- CDCECA
- C2C2BF
- B6B7B4
- ABACAA
- A0A09F
- 959695
- 8B8B8A
색 조화
보색 +180°
- F0F1EC
Windmill Wings
- F1F0F5
≈ Aragonite White
유사색 -30° +30°
- F0F1EC
Windmill Wings
- F2F0EB
≈ Nano White
- EEF2EE
≈ Snowbelt
삼각 배색 +120° +240°
- F0F1EC
Windmill Wings
- ECF1F4
≈ Powder White
- F4EFF0
≈ Angelic Wings
분열 보색 +150° +210°
- F0F1EC
Windmill Wings
- EEF0F5
≈ Powder White
- F3EFF3
≈ Plastic Clouds
사각 배색 +90° +180° +270°
- F0F1EC
Windmill Wings
- ECF2F3
≈ Maui Mist
- F1F0F5
≈ Aragonite White
- F5EFEE
≈ Angelic Wings
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.13:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.49:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--windmill-wings: #f0f1ec;
--windmill-wings-rgb: 240 241 236;
--windmill-wings-oklch: oklch(0.956 0.007 115.7);
}
.element {
color: var(--windmill-wings);
background-color: hsl(72 15% 94%);
border-color: oklch(0.956 0.007 115.7);
}Tailwind CSS v4
@theme {
--color-windmill-wings: #f0f1ec;
--color-windmill-wings-50: #f5f5f3;
--color-windmill-wings-100: #e7e8e6;
--color-windmill-wings-200: #d4d5d1;
--color-windmill-wings-300: #b7b8b4;
--color-windmill-wings-400: #9e9f9a;
--color-windmill-wings-500: #868782;
--color-windmill-wings-600: #71726e;
--color-windmill-wings-700: #5a5b58;
--color-windmill-wings-800: #424340;
--color-windmill-wings-900: #2e2e2c;
--color-windmill-wings-950: #1a1b19;
}SCSS
$windmill-wings: #f0f1ec;
$windmill-wings-rgb: 240, 241, 236;
$windmill-wings-light: mix(#fff, $windmill-wings, 20%);
$windmill-wings-dark: mix(#000, $windmill-wings, 20%);
.element {
color: $windmill-wings;
box-shadow: 0 0 0 2px rgba($windmill-wings, 0.35);
}