이름 색상 · #E3E0D2
Guesthouse
Guesthouse은(는) #E3E0D2: rgb(227 224 210), hsl(49 23% 86%), oklch(0.905 0.019 96.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Guesthouse color name →
#E3E0D2
oklch(0.905 0.019 96.9)
색상 변환
- HEX
- #e3e0d2
- RGB
- rgb(227 224 210)
- HSL
- hsl(49 23% 86%)
- HWB
- hwb(49 82% 11%)
- OKLCH
- oklch(0.905 0.019 96.9)
- OKLab
- oklab(0.905 -0.002 0.019)
- CIE Lab
- lab(89.13 -0.74 7.26)
- LCH
- lch(89.13 7.3 95.8)
- CMYK
- cmyk(0% 1% 7% 11%)
틴트 · 셰이드 · 톤
틴트
- E6E3D6
- E9E6DB
- EBE9DF
- EEECE4
- F1EFE8
- F4F3ED
- F7F6F1
- F9F9F6
- FCFCFA
셰이드
- C5C3B6
- A8A69B
- 8C8A81
- 717068
- 575650
- 3F3E39
- 272724
- 121210
- 030202
톤
- D9D6C9
- CECCC1
- C4C2B9
- BAB8B0
- B0AFA8
- A6A5A0
- 9D9C98
- 939290
- 898988
색 조화
보색 +180°
- E3E0D2
Guesthouse
- DCDFED
≈ Lower Lavender
유사색 -30° +30°
- E3E0D2
Guesthouse
- E9DED3
≈ Reliable White
- DCE2D5
≈ Light Mist
삼각 배색 +120° +240°
- E3E0D2
Guesthouse
- D2E3E8
≈ Aloof
- E9DBE4
≈ Twinkled Pink
분열 보색 +150° +210°
- E3E0D2
Guesthouse
- D6E1EC
≈ Beyond the Wall
- E3DDEA
≈ Pale Muse
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.85:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--guesthouse: #e3e0d2;
--guesthouse-rgb: 227 224 210;
--guesthouse-oklch: oklch(0.905 0.019 96.9);
}
.element {
color: var(--guesthouse);
background-color: hsl(49 23% 86%);
border-color: oklch(0.905 0.019 96.9);
}Tailwind CSS v4
@theme {
--color-guesthouse: #e3e0d2;
--color-guesthouse-50: #f6f5ef;
--color-guesthouse-100: #e9e8e1;
--color-guesthouse-200: #d6d4cb;
--color-guesthouse-300: #bab8ad;
--color-guesthouse-400: #a19f92;
--color-guesthouse-500: #898678;
--color-guesthouse-600: #747266;
--color-guesthouse-700: #5d5b51;
--color-guesthouse-800: #44423b;
--color-guesthouse-900: #2f2e29;
--color-guesthouse-950: #1c1b16;
}SCSS
$guesthouse: #e3e0d2;
$guesthouse-rgb: 227, 224, 210;
$guesthouse-light: mix(#fff, $guesthouse, 20%);
$guesthouse-dark: mix(#000, $guesthouse, 20%);
.element {
color: $guesthouse;
box-shadow: 0 0 0 2px rgba($guesthouse, 0.35);
}