이름 색상 · #F4E7DF
Goose Down
Goose Down은(는) #F4E7DF: rgb(244 231 223), hsl(23 49% 92%), oklch(0.936 0.018 54). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Goose Down color name →
#F4E7DF
oklch(0.936 0.018 54)
색상 변환
- HEX
- #f4e7df
- RGB
- rgb(244 231 223)
- HSL
- hsl(23 49% 92%)
- HWB
- hwb(23 87% 4%)
- OKLCH
- oklch(0.936 0.018 54)
- OKLab
- oklab(0.936 0.01 0.014)
- CIE Lab
- lab(92.53 3.57 5.57)
- LCH
- lch(92.53 6.61 57.4)
- CMYK
- cmyk(0% 5% 9% 4%)
틴트 · 셰이드 · 톤
틴트
- F5E9E2
- F6ECE5
- F7EEE9
- F8F1EC
- FAF3EF
- FBF5F2
- FCF8F5
- FDFAF9
- FEFDFC
셰이드
- D4C9C2
- B5ABA5
- 978F8A
- 7A736F
- 5E5956
- 44403D
- 2B2827
- 141312
- 030302
톤
- E8DCD5
- DCD2CB
- D0C7C2
- C4BCB8
- B8B2AE
- ADA8A5
- A19E9B
- 969492
- 8B8A89
색 조화
보색 +180°
- F4E7DF
Goose Down
- DFECF4
≈ Ice Fishing
유사색 -30° +30°
- F4E7DF
Goose Down
- F6E6E4
≈ Clear Calamine
- F0E9DD
≈ Mawmaw’s Pearls
삼각 배색 +120° +240°
- F4E7DF
Goose Down
- DEEEE9
≈ Clear Day
- EAE8F5
≈ Tranquil Eve
분열 보색 +150° +210°
- F4E7DF
Goose Down
- DDEEEF
≈ White Glaze
- E4EAF6
≈ Whisper Blue
사각 배색 +90° +180° +270°
- F4E7DF
Goose Down
- E3EDE3
≈ Sign of Spring
- DFECF4
≈ Ice Fishing
- F0E6F1
≈ Tranquil Eve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.21:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.34:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--goose-down: #f4e7df;
--goose-down-rgb: 244 231 223;
--goose-down-oklch: oklch(0.936 0.018 54);
}
.element {
color: var(--goose-down);
background-color: hsl(23 49% 92%);
border-color: oklch(0.936 0.018 54);
}Tailwind CSS v4
@theme {
--color-goose-down: #f4e7df;
--color-goose-down-50: #f9f4f0;
--color-goose-down-100: #ede6e2;
--color-goose-down-200: #dad2cd;
--color-goose-down-300: #bfb5af;
--color-goose-down-400: #a79c95;
--color-goose-down-500: #90837b;
--color-goose-down-600: #7a6f68;
--color-goose-down-700: #625953;
--color-goose-down-800: #48413d;
--color-goose-down-900: #322d2a;
--color-goose-down-950: #1e1a17;
}SCSS
$goose-down: #f4e7df;
$goose-down-rgb: 244, 231, 223;
$goose-down-light: mix(#fff, $goose-down, 20%);
$goose-down-dark: mix(#000, $goose-down, 20%);
.element {
color: $goose-down;
box-shadow: 0 0 0 2px rgba($goose-down, 0.35);
}