Cor nomeada · #D5B89C
Ivory Cream
Ivory Cream é #D5B89C: rgb(213 184 156), hsl(29 40% 72%), oklch(0.8 0.051 66). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ivory Cream color name →
#D5B89C
oklch(0.8 0.051 66)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D9BFA6
- DEC6AF
- E2CDB9
- E6D4C3
- EADBCD
- EEE2D7
- F3E9E1
- F7F1EB
- FBF8F5
Sombras
- B9A087
- 9E8873
- 83715F
- 6A5B4C
- 514539
- 3A3128
- 241E18
- 100C09
- 020201
Tons
- CCB299
- C4AD97
- BBA794
- B2A191
- AA9C8E
- A1968B
- 999189
- 918B86
- 888583
Harmonias de cor
Complementar +180°
- D5B89C
Ivory Cream
- A4C2DD
≈ Metal Gear
Análoga -30° +30°
- D5B89C
Ivory Cream
- DCB3A8
≈ Evening Sand
- C7BE9A
≈ Fields Afar
Tríade +120° +240°
- D5B89C
Ivory Cream
- 99C9C3
≈ Jamaica Bay
- C6B6D8
≈ Tinted Iris
Complementar dividida +150° +210°
- D5B89C
Ivory Cream
- 99C7D3
≈ Idyllic Isle
- B4BCDF
≈ Wish
Tétrade +90° +180° +270°
- D5B89C
Ivory Cream
- A4C8B0
≈ Lobaria Lichen
- A4C2DD
≈ Metal Gear
- D4B2CA
≈ Pink Ivory
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.16:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
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);
}