Colore con nome · #A79473
Roycroft Suede
Roycroft Suede è #A79473: rgb(167 148 115), hsl(38 23% 55%), oklch(0.675 0.051 81.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Roycroft Suede color name →
#A79473
oklch(0.675 0.051 81.3)
Conversioni di colore
- HEX
- #a79473
- RGB
- rgb(167 148 115)
- HSL
- hsl(38 23% 55%)
- HWB
- hwb(38 45% 35%)
- OKLCH
- oklch(0.675 0.051 81.3)
- OKLab
- oklab(0.675 0.008 0.051)
- CIE Lab
- lab(62.4 3.54 20.24)
- LCH
- lch(62.4 20.55 80.1)
- CMYK
- cmyk(0% 11% 31% 35%)
Tinte · Ombre · Toni
Tinte
- B09E80
- B8A98E
- C1B39C
- CABEAA
- D2C8B7
- DBD3C5
- E4DED4
- EDE9E2
- F6F4F0
Ombre
- 918063
- 7B6D54
- 665A45
- 524836
- 3E3628
- 2C261B
- 1A160F
- 0A0805
- 010101
Toni
- A39275
- 9F9076
- 9B8E78
- 978C79
- 938A7A
- 8F887B
- 8C867D
- 88847E
- 84827F
Armonie di colore
Complementare +180°
- A79473
Roycroft Suede
- 8598B7
≈ Denim Tradition
Analogo -30° +30°
- A79473
Roycroft Suede
- B18E7A
≈ Mazzone
- 979A76
≈ Silk Road
Triadico +120° +240°
- A79473
Roycroft Suede
- 71A1A4
≈ Delaware Blue Hen
- A68DAA
≈ Aged to Perfection
Complementare divisa +150° +210°
- A79473
Roycroft Suede
- 779DB1
≈ Blue Cascade
- 9692B5
≈ Indifferent
Tetradico +90° +180° +270°
- A79473
Roycroft Suede
- 77A193
≈ Greyish Teal
- 8598B7
≈ Denim Tradition
- B08A9A
≈ Reserve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.94:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.12:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--roycroft-suede: #a79473;
--roycroft-suede-rgb: 167 148 115;
--roycroft-suede-oklch: oklch(0.675 0.051 81.3);
}
.element {
color: var(--roycroft-suede);
background-color: hsl(38 23% 55%);
border-color: oklch(0.675 0.051 81.3);
}Tailwind CSS v4
@theme {
--color-roycroft-suede: #a79473;
--color-roycroft-suede-50: #fcf4e5;
--color-roycroft-suede-100: #f0e7d5;
--color-roycroft-suede-200: #dfd3bc;
--color-roycroft-suede-300: #c4b69a;
--color-roycroft-suede-400: #ae9c7c;
--color-roycroft-suede-500: #98835f;
--color-roycroft-suede-600: #806f51;
--color-roycroft-suede-700: #675940;
--color-roycroft-suede-800: #4c412e;
--color-roycroft-suede-900: #352c1f;
--color-roycroft-suede-950: #20190f;
}SCSS
$roycroft-suede: #a79473;
$roycroft-suede-rgb: 167, 148, 115;
$roycroft-suede-light: mix(#fff, $roycroft-suede, 20%);
$roycroft-suede-dark: mix(#000, $roycroft-suede, 20%);
.element {
color: $roycroft-suede;
box-shadow: 0 0 0 2px rgba($roycroft-suede, 0.35);
}