이름 색상 · #D5B89C
Ivory Cream
Ivory Cream은(는) #D5B89C: rgb(213 184 156), hsl(29 40% 72%), oklch(0.8 0.051 66). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Ivory Cream color name →
#D5B89C
oklch(0.8 0.051 66)
색상 변환
- HEX
- #d5b89c
- RGB
- rgb(213 184 156)
- HSL
- hsl(29 40% 72%)
- HWB
- hwb(29 61% 16%)
- OKLCH
- oklch(0.8 0.051 66)
- OKLab
- oklab(0.8 0.021 0.046)
- CIE Lab
- lab(76.79 7.63 18.32)
- LCH
- lch(76.79 19.85 67.4)
- CMYK
- cmyk(0% 14% 27% 16%)
틴트 · 셰이드 · 톤
틴트
- D9BFA6
- DEC6AF
- E2CDB9
- E6D4C3
- EADBCD
- EEE2D7
- F3E9E1
- F7F1EB
- FBF8F5
셰이드
- B9A087
- 9E8873
- 83715F
- 6A5B4C
- 514539
- 3A3128
- 241E18
- 100C09
- 020201
톤
- CCB299
- C4AD97
- BBA794
- B2A191
- AA9C8E
- A1968B
- 999189
- 918B86
- 888583
색 조화
보색 +180°
- D5B89C
Ivory Cream
- A4C2DD
≈ Metal Gear
유사색 -30° +30°
- D5B89C
Ivory Cream
- DCB3A8
≈ Evening Sand
- C7BE9A
≈ Fields Afar
삼각 배색 +120° +240°
- D5B89C
Ivory Cream
- 99C9C3
≈ Jamaica Bay
- C6B6D8
≈ Tinted Iris
분열 보색 +150° +210°
- D5B89C
Ivory Cream
- 99C7D3
≈ Idyllic Isle
- B4BCDF
≈ Wish
사각 배색 +90° +180° +270°
- D5B89C
Ivory Cream
- A4C8B0
≈ Lobaria Lichen
- A4C2DD
≈ Metal Gear
- D4B2CA
≈ Pink Ivory
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.88:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.16:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--ivory-cream: #d5b89c;
--ivory-cream-rgb: 213 184 156;
--ivory-cream-oklch: oklch(0.8 0.051 66);
}
.element {
color: var(--ivory-cream);
background-color: hsl(29 40% 72%);
border-color: oklch(0.8 0.051 66);
}Tailwind CSS v4
@theme {
--color-ivory-cream: #d5b89c;
--color-ivory-cream-50: #fff3e6;
--color-ivory-cream-100: #f4e5d6;
--color-ivory-cream-200: #e3d1be;
--color-ivory-cream-300: #c9b39c;
--color-ivory-cream-400: #b4997f;
--color-ivory-cream-500: #9e8062;
--color-ivory-cream-600: #856c54;
--color-ivory-cream-700: #6b5743;
--color-ivory-cream-800: #4f3f30;
--color-ivory-cream-900: #372b21;
--color-ivory-cream-950: #221910;
}SCSS
$ivory-cream: #d5b89c;
$ivory-cream-rgb: 213, 184, 156;
$ivory-cream-light: mix(#fff, $ivory-cream, 20%);
$ivory-cream-dark: mix(#000, $ivory-cream, 20%);
.element {
color: $ivory-cream;
box-shadow: 0 0 0 2px rgba($ivory-cream, 0.35);
}