Colore con nome · #795953
Sequoia Dusk
Sequoia Dusk è #795953: rgb(121 89 83), hsl(9 19% 40%), oklch(0.496 0.044 30.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sequoia Dusk color name →
#795953
oklch(0.496 0.044 30.7)
Conversioni di colore
- HEX
- #795953
- RGB
- rgb(121 89 83)
- HSL
- hsl(9 19% 40%)
- HWB
- hwb(9 33% 53%)
- OKLCH
- oklch(0.496 0.044 30.7)
- OKLab
- oklab(0.496 0.038 0.022)
- CIE Lab
- lab(41.12 12.92 8.91)
- LCH
- lch(41.12 15.69 34.6)
- CMYK
- cmyk(0% 26% 31% 53%)
Tinte · Ombre · Toni
Tinte
- 866863
- 937873
- A08883
- AD9894
- BBA9A5
- C8B9B6
- D6CAC8
- E3DCDA
- F1EDEC
Ombre
- 684C47
- 58403B
- 483430
- 392825
- 2B1D1B
- 1D1311
- 100908
- 050302
- 010000
Toni
- 7A5D57
- 7B615C
- 7C6560
- 7C6965
- 7D6C69
- 7E706E
- 7F7472
- 7F7877
- 807C7B
Armonie di colore
Complementare +180°
- 795953
Sequoia Dusk
- 446970
≈ Azalea Leaf
Analogo -30° +30°
- 795953
Sequoia Dusk
- 785861
≈ Falcon Wing
- 755D49
≈ Sumatra Blend
Triadico +120° +240°
- 795953
Sequoia Dusk
- 506955
≈ Kale Green
- 58617B
≈ Award Night
Complementare divisa +150° +210°
- 795953
Sequoia Dusk
- 466A63
≈ Riverbend
- 4C6679
≈ Gloomy Sea
Tetradico +90° +180° +270°
- 795953
Sequoia Dusk
- 5E664A
≈ Monstera
- 446970
≈ Azalea Leaf
- 665D77
≈ Purple Passage
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.23:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.36:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--sequoia-dusk: #795953;
--sequoia-dusk-rgb: 121 89 83;
--sequoia-dusk-oklch: oklch(0.496 0.044 30.7);
}
.element {
color: var(--sequoia-dusk);
background-color: hsl(9 19% 40%);
border-color: oklch(0.496 0.044 30.7);
}Tailwind CSS v4
@theme {
--color-sequoia-dusk: #795953;
--color-sequoia-dusk-50: #fff1ed;
--color-sequoia-dusk-100: #f6e3df;
--color-sequoia-dusk-200: #e6cec9;
--color-sequoia-dusk-300: #cdb0a9;
--color-sequoia-dusk-400: #b7958f;
--color-sequoia-dusk-500: #a17c75;
--color-sequoia-dusk-600: #886963;
--color-sequoia-dusk-700: #6d544f;
--color-sequoia-dusk-800: #513d3a;
--color-sequoia-dusk-900: #382a28;
--color-sequoia-dusk-950: #231716;
}SCSS
$sequoia-dusk: #795953;
$sequoia-dusk-rgb: 121, 89, 83;
$sequoia-dusk-light: mix(#fff, $sequoia-dusk, 20%);
$sequoia-dusk-dark: mix(#000, $sequoia-dusk, 20%);
.element {
color: $sequoia-dusk;
box-shadow: 0 0 0 2px rgba($sequoia-dusk, 0.35);
}