Colore con nome · #90926F
Desert Sage
Desert Sage è #90926F: rgb(144 146 111), hsl(63 14% 50%), oklch(0.649 0.05 110.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Desert Sage color name →
#90926F
oklch(0.649 0.05 110.4)
Conversioni di colore
- HEX
- #90926f
- RGB
- rgb(144 146 111)
- HSL
- hsl(63 14% 50%)
- HWB
- hwb(63 44% 43%)
- OKLCH
- oklch(0.649 0.05 110.4)
- OKLab
- oklab(0.649 -0.017 0.047)
- CIE Lab
- lab(59.68 -5.27 18.39)
- LCH
- lch(59.68 19.13 106)
- CMYK
- cmyk(1% 0% 24% 43%)
Tinte · Ombre · Toni
Tinte
- 9B9C7D
- A5A78B
- B0B299
- BBBCA7
- C6C7B5
- D1D2C4
- DCDDD2
- E8E8E1
- F3F4F0
Ombre
- 7D7E60
- 6A6B51
- 575842
- 454634
- 343527
- 24251A
- 15160E
- 070804
- 010101
Toni
- 8E9071
- 8D8E73
- 8B8D75
- 898B76
- 888978
- 86877A
- 85857B
- 83847D
- 82827E
Armonie di colore
Complementare +180°
- 90926F
Desert Sage
- 8E8AAC
≈ Larkspur Violet
Analogo -30° +30°
- 90926F
Desert Sage
- 9F8C6D
≈ Tuscan Mosaic
- 7F977A
≈ Eat Your Peas
Triadico +120° +240°
- 90926F
Desert Sage
- 7095A8
≈ Architecture Blue
- A78393
≈ Mohair Pink
Complementare divisa +150° +210°
- 90926F
Desert Sage
- 7E90AE
≈ Ashton Skies
- 9D85A2
≈ Wonder Violet
Tetradico +90° +180° +270°
- 90926F
Desert Sage
- 6A989B
≈ Woad Indigo
- 8E8AAC
≈ Larkspur Violet
- AB8382
≈ Jupiter Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.21:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.52:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-sage: #90926f;
--desert-sage-rgb: 144 146 111;
--desert-sage-oklch: oklch(0.649 0.05 110.4);
}
.element {
color: var(--desert-sage);
background-color: hsl(63 14% 50%);
border-color: oklch(0.649 0.05 110.4);
}Tailwind CSS v4
@theme {
--color-desert-sage: #90926f;
--color-desert-sage-50: #f5f7e7;
--color-desert-sage-100: #e8ead7;
--color-desert-sage-200: #d4d7bf;
--color-desert-sage-300: #b7ba9e;
--color-desert-sage-400: #9fa280;
--color-desert-sage-500: #878a63;
--color-desert-sage-600: #737454;
--color-desert-sage-700: #5c5d43;
--color-desert-sage-800: #444430;
--color-desert-sage-900: #2f2f20;
--color-desert-sage-950: #1b1b10;
}SCSS
$desert-sage: #90926f;
$desert-sage-rgb: 144, 146, 111;
$desert-sage-light: mix(#fff, $desert-sage, 20%);
$desert-sage-dark: mix(#000, $desert-sage, 20%);
.element {
color: $desert-sage;
box-shadow: 0 0 0 2px rgba($desert-sage, 0.35);
}