이름 색상 · #E5DCD6
Cultured Pearl
Cultured Pearl은(는) #E5DCD6: rgb(229 220 214), hsl(24 22% 87%), oklch(0.9 0.013 56.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cultured Pearl color name →
#E5DCD6
oklch(0.9 0.013 56.2)
색상 변환
- HEX
- #e5dcd6
- RGB
- rgb(229 220 214)
- HSL
- hsl(24 22% 87%)
- HWB
- hwb(24 84% 10%)
- OKLCH
- oklch(0.9 0.013 56.2)
- OKLab
- oklab(0.9 0.007 0.011)
- CIE Lab
- lab(88.36 2.41 4.11)
- LCH
- lch(88.36 4.77 59.6)
- CMYK
- cmyk(0% 4% 7% 10%)
틴트 · 셰이드 · 톤
틴트
- E8DFDA
- EAE3DE
- EDE6E2
- EFEAE6
- F2EDEA
- F5F1EE
- F7F4F3
- FAF8F7
- FCFBFB
셰이드
- C7BFBA
- AAA39E
- 8E8884
- 726E6A
- 585452
- 3F3C3B
- 282625
- 121110
- 030202
톤
- DAD2CD
- D0C9C4
- C6BFBB
- BBB6B3
- B1ADAA
- A7A4A1
- 9D9B99
- 939291
- 8A8988
색 조화
보색 +180°
- E5DCD6
Cultured Pearl
- D6DFE5
≈ Blustery Day
유사색 -30° +30°
- E5DCD6
Cultured Pearl
- E6DBD9
≈ Minified Maroon
- E2DED5
≈ Shy Beige
삼각 배색 +120° +240°
- E5DCD6
Cultured Pearl
- D6E1DE
≈ Pristine Petal
- DEDCE6
≈ Elation
분열 보색 +150° +210°
- E5DCD6
Cultured Pearl
- D5E1E2
≈ Pristine Petal
- DADEE7
≈ Irradiant Iris
사각 배색 +90° +180° +270°
- E5DCD6
Cultured Pearl
- D9E0D9
≈ Juniper Breeze
- D6DFE5
≈ Blustery Day
- E3DBE3
≈ He Loves Me
대비 및 접근성
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 {
--cultured-pearl: #e5dcd6;
--cultured-pearl-rgb: 229 220 214;
--cultured-pearl-oklch: oklch(0.9 0.013 56.2);
}
.element {
color: var(--cultured-pearl);
background-color: hsl(24 22% 87%);
border-color: oklch(0.9 0.013 56.2);
}Tailwind CSS v4
@theme {
--color-cultured-pearl: #e5dcd6;
--color-cultured-pearl-50: #f8f4f2;
--color-cultured-pearl-100: #ebe7e4;
--color-cultured-pearl-200: #d9d3cf;
--color-cultured-pearl-300: #bdb6b1;
--color-cultured-pearl-400: #a59d97;
--color-cultured-pearl-500: #8d847e;
--color-cultured-pearl-600: #77706b;
--color-cultured-pearl-700: #605955;
--color-cultured-pearl-800: #46413e;
--color-cultured-pearl-900: #302d2b;
--color-cultured-pearl-950: #1d1a18;
}SCSS
$cultured-pearl: #e5dcd6;
$cultured-pearl-rgb: 229, 220, 214;
$cultured-pearl-light: mix(#fff, $cultured-pearl, 20%);
$cultured-pearl-dark: mix(#000, $cultured-pearl, 20%);
.element {
color: $cultured-pearl;
box-shadow: 0 0 0 2px rgba($cultured-pearl, 0.35);
}