이름 색상 · #E8E1CE
Shearling
Shearling은(는) #E8E1CE: rgb(232 225 206), hsl(44 36% 86%), oklch(0.91 0.026 90.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Shearling color name →
#E8E1CE
oklch(0.91 0.026 90.1)
색상 변환
- HEX
- #e8e1ce
- RGB
- rgb(232 225 206)
- HSL
- hsl(44 36% 86%)
- HWB
- hwb(44 81% 9%)
- OKLCH
- oklch(0.91 0.026 90.1)
- OKLab
- oklab(0.91 0 0.026)
- CIE Lab
- lab(89.71 0.1 10.22)
- LCH
- lch(89.71 10.23 89.4)
- CMYK
- cmyk(0% 3% 11% 9%)
틴트 · 셰이드 · 톤
틴트
- EAE4D3
- EDE7D8
- EFEADD
- F1EDE1
- F3F0E6
- F6F3EB
- F8F6F0
- FAF9F5
- FDFCFA
셰이드
- CAC4B3
- ACA798
- 908B7F
- 747066
- 59564E
- 403E38
- 292723
- 13120F
- 030202
톤
- DDD7C6
- D2CDBE
- C8C3B6
- BDB9AE
- B3AFA6
- A8A69E
- 9E9C97
- 94938F
- 8A8988
색 조화
보색 +180°
- E8E1CE
Shearling
- DAE1F4
≈ Aquarelle Purple
유사색 -30° +30°
- E8E1CE
Shearling
- EFDED0
≈ Nearly Peach
- DFE4D1
≈ Mystical Sea
삼각 배색 +120° +240°
- E8E1CE
Shearling
- CEE7EB
≈ Ethereal Mood
- ECDBEA
≈ Elfin Magic
분열 보색 +150° +210°
- E8E1CE
Shearling
- D2E4F2
≈ New Heights
- E4DEF1
≈ Lingering Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.09:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--shearling: #e8e1ce;
--shearling-rgb: 232 225 206;
--shearling-oklch: oklch(0.91 0.026 90.1);
}
.element {
color: var(--shearling);
background-color: hsl(44 36% 86%);
border-color: oklch(0.91 0.026 90.1);
}Tailwind CSS v4
@theme {
--color-shearling: #e8e1ce;
--color-shearling-50: #f8f5ed;
--color-shearling-100: #ebe8de;
--color-shearling-200: #d8d4c8;
--color-shearling-300: #bcb7a8;
--color-shearling-400: #a49e8d;
--color-shearling-500: #8d8673;
--color-shearling-600: #777161;
--color-shearling-700: #5f5b4e;
--color-shearling-800: #464238;
--color-shearling-900: #312e26;
--color-shearling-950: #1d1a15;
}SCSS
$shearling: #e8e1ce;
$shearling-rgb: 232, 225, 206;
$shearling-light: mix(#fff, $shearling, 20%);
$shearling-dark: mix(#000, $shearling, 20%);
.element {
color: $shearling;
box-shadow: 0 0 0 2px rgba($shearling, 0.35);
}