Colore con nome · #D5A884
Desert Riverbed
Desert Riverbed è #D5A884: rgb(213 168 132), hsl(27 49% 68%), oklch(0.764 0.072 60.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Desert Riverbed color name →
#D5A884
oklch(0.764 0.072 60.1)
Conversioni di colore
- HEX
- #d5a884
- RGB
- rgb(213 168 132)
- HSL
- hsl(27 49% 68%)
- HWB
- hwb(27 52% 16%)
- OKLCH
- oklch(0.764 0.072 60.1)
- OKLab
- oklab(0.764 0.036 0.062)
- CIE Lab
- lab(72.41 13.51 25.28)
- LCH
- lch(72.41 28.66 61.9)
- CMYK
- cmyk(0% 21% 38% 16%)
Tinte · Ombre · Toni
Tinte
- D9B190
- DEB99C
- E2C2A8
- E6CAB5
- EBD3C1
- EFDCCD
- F3E5DA
- F7EDE6
- FBF6F2
Ombre
- B99272
- 9E7C60
- 83674F
- 6A523F
- 513F2F
- 3A2C20
- 241A12
- 100A06
- 020101
Toni
- CCA484
- C4A084
- BB9C84
- B39883
- AA9483
- A29083
- 998C82
- 918881
- 888481
Armonie di colore
Complementare +180°
- D5A884
Desert Riverbed
- 88B9DC
≈ Goluboy Blue
Analogo -30° +30°
- D5A884
Desert Riverbed
- DCA297
≈ Quiet Pink
- C4B17D
≈ Ecru
Triadico +120° +240°
- D5A884
Desert Riverbed
- 7EC2B4
≈ Holiday
- B9A8DA
≈ Grape Illusion
Complementare divisa +150° +210°
- D5A884
Desert Riverbed
- 7ABFCC
≈ Meltwater
- A0B1E1
≈ Myrtle Flower
Tetradico +90° +180° +270°
- D5A884
Desert Riverbed
- 92C09A
≈ Green-Eyed Lady
- 88B9DC
≈ Goluboy Blue
- CDA2C8
≈ Geranium Bud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.76:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-riverbed: #d5a884;
--desert-riverbed-rgb: 213 168 132;
--desert-riverbed-oklch: oklch(0.764 0.072 60.1);
}
.element {
color: var(--desert-riverbed);
background-color: hsl(27 49% 68%);
border-color: oklch(0.764 0.072 60.1);
}Tailwind CSS v4
@theme {
--color-desert-riverbed: #d5a884;
--color-desert-riverbed-50: #fff1e1;
--color-desert-riverbed-100: #fae3d0;
--color-desert-riverbed-200: #ecceb5;
--color-desert-riverbed-300: #d3b092;
--color-desert-riverbed-400: #bf9573;
--color-desert-riverbed-500: #aa7b54;
--color-desert-riverbed-600: #8f6848;
--color-desert-riverbed-700: #735339;
--color-desert-riverbed-800: #553c29;
--color-desert-riverbed-900: #3c291b;
--color-desert-riverbed-950: #25170c;
}SCSS
$desert-riverbed: #d5a884;
$desert-riverbed-rgb: 213, 168, 132;
$desert-riverbed-light: mix(#fff, $desert-riverbed, 20%);
$desert-riverbed-dark: mix(#000, $desert-riverbed, 20%);
.element {
color: $desert-riverbed;
box-shadow: 0 0 0 2px rgba($desert-riverbed, 0.35);
}