Benannte Farbe · #D5B89C
Ivory Cream
Ivory Cream ist #D5B89C: rgb(213 184 156), hsl(29 40% 72%), oklch(0.8 0.051 66). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ivory Cream color name →
#D5B89C
oklch(0.8 0.051 66)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D9BFA6
- DEC6AF
- E2CDB9
- E6D4C3
- EADBCD
- EEE2D7
- F3E9E1
- F7F1EB
- FBF8F5
Shades
- B9A087
- 9E8873
- 83715F
- 6A5B4C
- 514539
- 3A3128
- 241E18
- 100C09
- 020201
Tones
- CCB299
- C4AD97
- BBA794
- B2A191
- AA9C8E
- A1968B
- 999189
- 918B86
- 888583
Farbharmonien
Komplementär +180°
- D5B89C
Ivory Cream
- A4C2DD
≈ Metal Gear
Analog -30° +30°
- D5B89C
Ivory Cream
- DCB3A8
≈ Evening Sand
- C7BE9A
≈ Fields Afar
Triadisch +120° +240°
- D5B89C
Ivory Cream
- 99C9C3
≈ Jamaica Bay
- C6B6D8
≈ Tinted Iris
Geteilt komplementär +150° +210°
- D5B89C
Ivory Cream
- 99C7D3
≈ Idyllic Isle
- B4BCDF
≈ Wish
Tetradisch +90° +180° +270°
- D5B89C
Ivory Cream
- A4C8B0
≈ Lobaria Lichen
- A4C2DD
≈ Metal Gear
- D4B2CA
≈ Pink Ivory
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.88:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.16:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
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);
}