이름 색상 · #EBDCD7
Faded Shells
Faded Shells은(는) #EBDCD7: rgb(235 220 215), hsl(15 33% 88%), oklch(0.905 0.018 39.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Faded Shells color name →
#EBDCD7
oklch(0.905 0.018 39.4)
색상 변환
- HEX
- #ebdcd7
- RGB
- rgb(235 220 215)
- HSL
- hsl(15 33% 88%)
- HWB
- hwb(15 84% 8%)
- OKLCH
- oklch(0.905 0.018 39.4)
- OKLab
- oklab(0.905 0.014 0.011)
- CIE Lab
- lab(88.88 4.69 4.41)
- LCH
- lch(88.88 6.44 43.2)
- CMYK
- cmyk(0% 6% 9% 8%)
틴트 · 셰이드 · 톤
틴트
- EDDFDB
- EFE3DF
- F1E6E3
- F3EAE7
- F5EDEB
- F7F1EF
- F9F4F3
- FBF8F7
- FDFBFB
셰이드
- CCBFBB
- AEA39F
- 918885
- 756E6B
- 5B5452
- 413C3B
- 292625
- 131111
- 030202
톤
- E0D2CE
- D5C9C5
- CABFBC
- BFB6B3
- B4ADAA
- A9A4A2
- 9F9B99
- 949291
- 8A8988
색 조화
보색 +180°
- EBDCD7
Faded Shells
- D3E3E8
≈ Aloof
유사색 -30° +30°
- EBDCD7
Faded Shells
- EBDBDD
≈ Discrete Pink
- E8DED3
≈ Reliable White
삼각 배색 +120° +240°
- EBDCD7
Faded Shells
- D6E4DB
≈ Cactus Blossom
- DDDFEC
≈ Timid Purple
분열 보색 +150° +210°
- EBDCD7
Faded Shells
- D3E4E2
≈ Meadowsweet Mist
- D7E1EB
≈ Beyond the Wall
사각 배색 +90° +180° +270°
- EBDCD7
Faded Shells
- DCE2D6
≈ Salty Breeze
- D3E3E8
≈ Aloof
- E3DDE9
≈ Pale Muse
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.75:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--faded-shells: #ebdcd7;
--faded-shells-rgb: 235 220 215;
--faded-shells-oklch: oklch(0.905 0.018 39.4);
}
.element {
color: var(--faded-shells);
background-color: hsl(15 33% 88%);
border-color: oklch(0.905 0.018 39.4);
}Tailwind CSS v4
@theme {
--color-faded-shells: #ebdcd7;
--color-faded-shells-50: #faf4f1;
--color-faded-shells-100: #ede6e3;
--color-faded-shells-200: #dbd2ce;
--color-faded-shells-300: #c0b5b0;
--color-faded-shells-400: #a89b97;
--color-faded-shells-500: #91827d;
--color-faded-shells-600: #7b6e6a;
--color-faded-shells-700: #625855;
--color-faded-shells-800: #48403e;
--color-faded-shells-900: #322c2b;
--color-faded-shells-950: #1e1918;
}SCSS
$faded-shells: #ebdcd7;
$faded-shells-rgb: 235, 220, 215;
$faded-shells-light: mix(#fff, $faded-shells, 20%);
$faded-shells-dark: mix(#000, $faded-shells, 20%);
.element {
color: $faded-shells;
box-shadow: 0 0 0 2px rgba($faded-shells, 0.35);
}