이름 색상 · #E7DCCF
Light Shetland Lace
Light Shetland Lace은(는) #E7DCCF: rgb(231 220 207), hsl(33 33% 86%), oklch(0.9 0.021 72.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Shetland Lace color name →
#E7DCCF
oklch(0.9 0.021 72.1)
색상 변환
- HEX
- #e7dccf
- RGB
- rgb(231 220 207)
- HSL
- hsl(33 33% 86%)
- HWB
- hwb(33 81% 9%)
- OKLCH
- oklch(0.9 0.021 72.1)
- OKLab
- oklab(0.9 0.007 0.02)
- CIE Lab
- lab(88.39 2.28 7.83)
- LCH
- lch(88.39 8.15 73.8)
- CMYK
- cmyk(0% 5% 10% 9%)
틴트 · 셰이드 · 톤
틴트
- E9DFD4
- ECE3D9
- EEE6DD
- F1EAE2
- F3EDE7
- F5F1EC
- F8F4F0
- FAF8F5
- FDFBFA
셰이드
- C9BFB4
- ABA399
- 8F887F
- 736E67
- 59544F
- 403C38
- 282623
- 131110
- 030202
톤
- DCD2C7
- D2C9BF
- C7BFB7
- BDB6AF
- B2ADA7
- A8A49F
- 9E9B97
- 94928F
- 8A8988
색 조화
보색 +180°
- E7DCCF
Light Shetland Lace
- D4DFEC
≈ Faint Blue
유사색 -30° +30°
- E7DCCF
Light Shetland Lace
- EBDAD3
≈ Northern Beach
- E0DFCF
≈ Corinthian Column
삼각 배색 +120° +240°
- E7DCCF
Light Shetland Lace
- CFE3E1
≈ Mountain Dew
- E3DAE8
≈ Awakened
분열 보색 +150° +210°
- E7DCCF
Light Shetland Lace
- D0E1E8
≈ Goddess
- DBDDEC
≈ The White Death
사각 배색 +90° +180° +270°
- E7DCCF
Light Shetland Lace
- D2E3DA
≈ Delicate Snow Goose
- D4DFEC
≈ Faint Blue
- E9D9E2
≈ Rajah Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.53:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.53:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--light-shetland-lace: #e7dccf;
--light-shetland-lace-rgb: 231 220 207;
--light-shetland-lace-oklch: oklch(0.9 0.021 72.1);
}
.element {
color: var(--light-shetland-lace);
background-color: hsl(33 33% 86%);
border-color: oklch(0.9 0.021 72.1);
}Tailwind CSS v4
@theme {
--color-light-shetland-lace: #e7dccf;
--color-light-shetland-lace-50: #f9f4ef;
--color-light-shetland-lace-100: #ece7e0;
--color-light-shetland-lace-200: #dad3ca;
--color-light-shetland-lace-300: #beb6ac;
--color-light-shetland-lace-400: #a69d91;
--color-light-shetland-lace-500: #8f8477;
--color-light-shetland-lace-600: #797065;
--color-light-shetland-lace-700: #615951;
--color-light-shetland-lace-800: #47413b;
--color-light-shetland-lace-900: #312d28;
--color-light-shetland-lace-950: #1d1a16;
}SCSS
$light-shetland-lace: #e7dccf;
$light-shetland-lace-rgb: 231, 220, 207;
$light-shetland-lace-light: mix(#fff, $light-shetland-lace, 20%);
$light-shetland-lace-dark: mix(#000, $light-shetland-lace, 20%);
.element {
color: $light-shetland-lace;
box-shadow: 0 0 0 2px rgba($light-shetland-lace, 0.35);
}