이름 색상 · #E3D0AD
Cream Cake
Cream Cake은(는) #E3D0AD: rgb(227 208 173), hsl(39 49% 78%), oklch(0.864 0.051 82.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cream Cake color name →
#E3D0AD
oklch(0.864 0.051 82.8)
색상 변환
- HEX
- #e3d0ad
- RGB
- rgb(227 208 173)
- HSL
- hsl(39 49% 78%)
- HWB
- hwb(39 68% 11%)
- OKLCH
- oklch(0.864 0.051 82.8)
- OKLab
- oklab(0.864 0.006 0.051)
- CIE Lab
- lab(84.4 2.85 19.98)
- LCH
- lch(84.4 20.18 81.9)
- CMYK
- cmyk(0% 8% 24% 11%)
틴트 · 셰이드 · 톤
틴트
- E6D5B5
- E9D9BD
- EBDEC6
- EEE3CE
- F1E7D6
- F4ECDE
- F7F1E6
- F9F6EF
- FCFAF7
셰이드
- C5B596
- A89A7F
- 8C806A
- 716755
- 574F41
- 3F392D
- 27231B
- 12100B
- 030201
톤
- D9C8A9
- CEC0A4
- C4B7A0
- BAAF9B
- B0A797
- A69F92
- 9D978E
- 939089
- 898885
색 조화
보색 +180°
- E3D0AD
Cream Cake
- C1D3F5
≈ Mr. Glass
유사색 -30° +30°
- E3D0AD
Cream Cake
- EECAB4
≈ Bare Necessity
- D2D6B0
≈ Avocado Whip
삼각 배색 +120° +240°
- E3D0AD
Cream Cake
- ACDDE1
≈ Blue Bauble
- E3C8E6
≈ Syrian Violet
분열 보색 +150° +210°
- E3D0AD
Cream Cake
- B2D9EF
≈ Blue Rice
- D3CDF2
≈ Miami White
사각 배색 +90° +180° +270°
- E3D0AD
Cream Cake
- B1DECF
≈ Brook Green
- C1D3F5
≈ Mr. Glass
- EEC5D5
≈ Tussie-Mussie
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.89:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--cream-cake: #e3d0ad;
--cream-cake-rgb: 227 208 173;
--cream-cake-oklch: oklch(0.864 0.051 82.8);
}
.element {
color: var(--cream-cake);
background-color: hsl(39 49% 78%);
border-color: oklch(0.864 0.051 82.8);
}Tailwind CSS v4
@theme {
--color-cream-cake: #e3d0ad;
--color-cream-cake-50: #fcf4e5;
--color-cream-cake-100: #f0e7d5;
--color-cream-cake-200: #ded3bc;
--color-cream-cake-300: #c4b69a;
--color-cream-cake-400: #ad9c7c;
--color-cream-cake-500: #97835f;
--color-cream-cake-600: #806f51;
--color-cream-cake-700: #665940;
--color-cream-cake-800: #4c412e;
--color-cream-cake-900: #342d1f;
--color-cream-cake-950: #201a0f;
}SCSS
$cream-cake: #e3d0ad;
$cream-cake-rgb: 227, 208, 173;
$cream-cake-light: mix(#fff, $cream-cake, 20%);
$cream-cake-dark: mix(#000, $cream-cake, 20%);
.element {
color: $cream-cake;
box-shadow: 0 0 0 2px rgba($cream-cake, 0.35);
}