Colore con nome · #D5B89C
Ivory Cream
Ivory Cream è #D5B89C: rgb(213 184 156), hsl(29 40% 72%), oklch(0.8 0.051 66). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ivory Cream color name →
#D5B89C
oklch(0.8 0.051 66)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D9BFA6
- DEC6AF
- E2CDB9
- E6D4C3
- EADBCD
- EEE2D7
- F3E9E1
- F7F1EB
- FBF8F5
Ombre
- B9A087
- 9E8873
- 83715F
- 6A5B4C
- 514539
- 3A3128
- 241E18
- 100C09
- 020201
Toni
- CCB299
- C4AD97
- BBA794
- B2A191
- AA9C8E
- A1968B
- 999189
- 918B86
- 888583
Armonie di colore
Complementare +180°
- D5B89C
Ivory Cream
- A4C2DD
≈ Metal Gear
Analogo -30° +30°
- D5B89C
Ivory Cream
- DCB3A8
≈ Evening Sand
- C7BE9A
≈ Fields Afar
Triadico +120° +240°
- D5B89C
Ivory Cream
- 99C9C3
≈ Jamaica Bay
- C6B6D8
≈ Tinted Iris
Complementare divisa +150° +210°
- D5B89C
Ivory Cream
- 99C7D3
≈ Idyllic Isle
- B4BCDF
≈ Wish
Tetradico +90° +180° +270°
- D5B89C
Ivory Cream
- A4C8B0
≈ Lobaria Lichen
- A4C2DD
≈ Metal Gear
- D4B2CA
≈ Pink Ivory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.16:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
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);
}