이름 색상 · #E7D5C9
Woolly Beige
Woolly Beige은(는) #E7D5C9: rgb(231 213 201), hsl(24 38% 85%), oklch(0.884 0.026 56). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Woolly Beige color name →
#E7D5C9
oklch(0.884 0.026 56)
색상 변환
- HEX
- #e7d5c9
- RGB
- rgb(231 213 201)
- HSL
- hsl(24 38% 85%)
- HWB
- hwb(24 79% 9%)
- OKLCH
- oklch(0.884 0.026 56)
- OKLab
- oklab(0.884 0.014 0.021)
- CIE Lab
- lab(86.51 4.98 8.32)
- LCH
- lch(86.51 9.69 59.1)
- CMYK
- cmyk(0% 8% 13% 9%)
틴트 · 셰이드 · 톤
틴트
- E9D9CE
- ECDDD4
- EEE1D9
- F1E6DE
- F3EAE4
- F5EEE9
- F8F2EF
- FAF7F4
- FDFBFA
셰이드
- C9B9AE
- AB9E95
- 8F837C
- 736A64
- 59514C
- 403A36
- 282422
- 13100F
- 030202
톤
- DCCCC1
- D2C3BA
- C7BBB3
- BDB2AB
- B2AAA4
- A8A19D
- 9E9995
- 94908E
- 8A8887
색 조화
보색 +180°
- E7D5C9
Woolly Beige
- CADCE8
≈ Blue Me Away
유사색 -30° +30°
- E7D5C9
Woolly Beige
- EAD3D0
≈ Ash Cherry Blossom
- E0D8C6
≈ Sentimental Beige
삼각 배색 +120° +240°
- E7D5C9
Woolly Beige
- C8DFD8
≈ Ulthuan Grey
- DAD6E9
≈ Slaanesh Grey
분열 보색 +150° +210°
- E7D5C9
Woolly Beige
- C6DEE1
≈ Light Dante Peak
- D1D9EB
≈ Hawkes Blue
사각 배색 +90° +180° +270°
- E7D5C9
Woolly Beige
- CFDECF
≈ St. Augustine
- CADCE8
≈ Blue Me Away
- E2D3E2
≈ Joyful Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.75:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--woolly-beige: #e7d5c9;
--woolly-beige-rgb: 231 213 201;
--woolly-beige-oklch: oklch(0.884 0.026 56);
}
.element {
color: var(--woolly-beige);
background-color: hsl(24 38% 85%);
border-color: oklch(0.884 0.026 56);
}Tailwind CSS v4
@theme {
--color-woolly-beige: #e7d5c9;
--color-woolly-beige-50: #fbf3ee;
--color-woolly-beige-100: #efe6e0;
--color-woolly-beige-200: #ddd2ca;
--color-woolly-beige-300: #c2b4ab;
--color-woolly-beige-400: #ab9b90;
--color-woolly-beige-500: #948276;
--color-woolly-beige-600: #7d6e64;
--color-woolly-beige-700: #645850;
--color-woolly-beige-800: #4a403a;
--color-woolly-beige-900: #332c28;
--color-woolly-beige-950: #1f1916;
}SCSS
$woolly-beige: #e7d5c9;
$woolly-beige-rgb: 231, 213, 201;
$woolly-beige-light: mix(#fff, $woolly-beige, 20%);
$woolly-beige-dark: mix(#000, $woolly-beige, 20%);
.element {
color: $woolly-beige;
box-shadow: 0 0 0 2px rgba($woolly-beige, 0.35);
}