Colore con nome · #D9C9B8
Ivory Ridge
Ivory Ridge è #D9C9B8: rgb(217 201 184), hsl(31 30% 79%), oklch(0.844 0.029 69.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ivory Ridge color name →
#D9C9B8
oklch(0.844 0.029 69.1)
Conversioni di colore
- HEX
- #d9c9b8
- RGB
- rgb(217 201 184)
- HSL
- hsl(31 30% 79%)
- HWB
- hwb(31 72% 15%)
- OKLCH
- oklch(0.844 0.029 69.1)
- OKLab
- oklab(0.844 0.01 0.027)
- CIE Lab
- lab(81.96 3.71 10.65)
- LCH
- lch(81.96 11.28 70.8)
- CMYK
- cmyk(0% 7% 15% 15%)
Tinte · Ombre · Toni
Tinte
- DDCEBF
- E1D4C6
- E4D9CD
- E8DED4
- ECE4DB
- F0E9E2
- F4EFE9
- F7F4F1
- FBFAF8
Ombre
- BCAEA0
- A19588
- 867C71
- 6C645B
- 534C45
- 3B3631
- 25221E
- 110F0C
- 020202
Toni
- D0C1B2
- C7BAAD
- BDB3A7
- B4ABA1
- ABA49C
- A39D96
- 9A9591
- 918E8B
- 898785
Armonie di colore
Complementare +180°
- D9C9B8
Ivory Ridge
- BECEDF
≈ Sky’s the Limit
Analogo -30° +30°
- D9C9B8
Ivory Ridge
- DEC6BE
≈ Tender Shell
- D0CDB7
≈ Montezuma
Triadico +120° +240°
- D9C9B8
Ivory Ridge
- B7D3D0
≈ Malaysian Mist
- D2C7DB
≈ Prudence
Complementare divisa +150° +210°
- D9C9B8
Ivory Ridge
- B8D1D9
≈ Bahama Breezes
- C7CADF
≈ Periwinkle Powder
Tetradico +90° +180° +270°
- D9C9B8
Ivory Ridge
- BDD2C5
≈ Sage Bundle
- BECEDF
≈ Sky’s the Limit
- DAC5D2
≈ Scented Soap
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.99:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.99:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--ivory-ridge: #d9c9b8;
--ivory-ridge-rgb: 217 201 184;
--ivory-ridge-oklch: oklch(0.844 0.029 69.1);
}
.element {
color: var(--ivory-ridge);
background-color: hsl(31 30% 79%);
border-color: oklch(0.844 0.029 69.1);
}Tailwind CSS v4
@theme {
--color-ivory-ridge: #d9c9b8;
--color-ivory-ridge-50: #fbf4ec;
--color-ivory-ridge-100: #eee6de;
--color-ivory-ridge-200: #dcd2c7;
--color-ivory-ridge-300: #c1b5a8;
--color-ivory-ridge-400: #aa9c8c;
--color-ivory-ridge-500: #938372;
--color-ivory-ridge-600: #7d6f60;
--color-ivory-ridge-700: #64594d;
--color-ivory-ridge-800: #494138;
--color-ivory-ridge-900: #332d26;
--color-ivory-ridge-950: #1f1a14;
}SCSS
$ivory-ridge: #d9c9b8;
$ivory-ridge-rgb: 217, 201, 184;
$ivory-ridge-light: mix(#fff, $ivory-ridge, 20%);
$ivory-ridge-dark: mix(#000, $ivory-ridge, 20%);
.element {
color: $ivory-ridge;
box-shadow: 0 0 0 2px rgba($ivory-ridge, 0.35);
}