이름 색상 · #EEE3C6
Cream Silk
Cream Silk은(는) #EEE3C6: rgb(238 227 198), hsl(43 54% 85%), oklch(0.917 0.04 89.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Cream Silk color name →
#EEE3C6
oklch(0.917 0.04 89.7)
색상 변환
- HEX
- #eee3c6
- RGB
- rgb(238 227 198)
- HSL
- hsl(43 54% 85%)
- HWB
- hwb(43 78% 7%)
- OKLCH
- oklch(0.917 0.04 89.7)
- OKLab
- oklab(0.917 0 0.04)
- CIE Lab
- lab(90.56 0.41 15.64)
- LCH
- lch(90.56 15.65 88.5)
- CMYK
- cmyk(0% 5% 17% 7%)
틴트 · 셰이드 · 톤
틴트
- F0E6CC
- F1E9D1
- F3EBD7
- F5EEDD
- F6F1E3
- F8F4E8
- FAF7EE
- FCF9F4
- FDFCF9
셰이드
- CFC5AC
- B1A892
- 938C7A
- 777162
- 5C574B
- 423F35
- 2A2721
- 14120E
- 030302
톤
- E2D9BF
- D7CEB8
- CCC4B1
- C1BAAA
- B5B0A3
- AAA69C
- A09D95
- 95938E
- 8A8987
색 조화
보색 +180°
- EEE3C6
Cream Silk
- D9E3FF
≈ Stoic White
유사색 -30° +30°
- EEE3C6
Cream Silk
- F9DECA
≈ Muffin Magic
- E0E8CA
≈ Origami Clover
삼각 배색 +120° +240°
- EEE3C6
Cream Silk
- C6ECF2
≈ Icy Breeze
- F4DBF1
≈ Grape Taffy
분열 보색 +150° +210°
- EEE3C6
Cream Silk
- CCE8FC
≈ Icy Landscape
- E7DEFB
≈ Stoic White
사각 배색 +90° +180° +270°
- EEE3C6
Cream Silk
- C8EDE4
≈ Ineffable Ice Cap
- D9E3FF
≈ Stoic White
- FCD9E2
≈ It’s a Girl!
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.43:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--cream-silk: #eee3c6;
--cream-silk-rgb: 238 227 198;
--cream-silk-oklch: oklch(0.917 0.04 89.7);
}
.element {
color: var(--cream-silk);
background-color: hsl(43 54% 85%);
border-color: oklch(0.917 0.04 89.7);
}Tailwind CSS v4
@theme {
--color-cream-silk: #eee3c6;
--color-cream-silk-50: #f9f5e9;
--color-cream-silk-100: #ede8d9;
--color-cream-silk-200: #dad4c1;
--color-cream-silk-300: #bfb7a1;
--color-cream-silk-400: #a89e84;
--color-cream-silk-500: #918568;
--color-cream-silk-600: #7a7158;
--color-cream-silk-700: #625a46;
--color-cream-silk-800: #484233;
--color-cream-silk-900: #322d22;
--color-cream-silk-950: #1e1a11;
}SCSS
$cream-silk: #eee3c6;
$cream-silk-rgb: 238, 227, 198;
$cream-silk-light: mix(#fff, $cream-silk, 20%);
$cream-silk-dark: mix(#000, $cream-silk, 20%);
.element {
color: $cream-silk;
box-shadow: 0 0 0 2px rgba($cream-silk, 0.35);
}