Colore con nome · #563E31
Lounge Leather
Lounge Leather è #563E31: rgb(86 62 49), hsl(21 27% 26%), oklch(0.387 0.04 49.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Lounge Leather color name →
#563E31
oklch(0.387 0.04 49.6)
Conversioni di colore
- HEX
- #563e31
- RGB
- rgb(86 62 49)
- HSL
- hsl(21 27% 26%)
- HWB
- hwb(21 19% 66%)
- OKLCH
- oklch(0.387 0.04 49.6)
- OKLab
- oklab(0.387 0.026 0.03)
- CIE Lab
- lab(28.67 9.4 12.34)
- LCH
- lch(28.67 15.51 52.7)
- CMYK
- cmyk(0% 28% 43% 66%)
Tinte · Ombre · Toni
Tinte
- 664F43
- 766156
- 867369
- 96867D
- A79992
- B8ADA7
- CAC1BC
- DBD5D2
- EDEAE8
Ombre
- 4A3529
- 3E2B22
- 32231A
- 271A13
- 1C120C
- 120A06
- 080403
- 020101
- 000000
Toni
- 5A4439
- 5F4B40
- 635148
- 675850
- 6B5E57
- 6F655F
- 746C67
- 787270
- 7C7978
Armonie di colore
Complementare +180°
- 563E31
Lounge Leather
- 2D4855
≈ Mallard
Analogo -30° +30°
- 563E31
Lounge Leather
- 583C3B
≈ Smoked Claret
- 50422B
≈ Deep Bronze
Triadico +120° +240°
- 563E31
Lounge Leather
- 2E4B41
≈ Te Papa Green
- 434158
≈ Dark Renaissance
Complementare divisa +150° +210°
- 563E31
Lounge Leather
- 294B4C
≈ Delta Green
- 38455A
≈ Soulful Music
Tetradico +90° +180° +270°
- 563E31
Lounge Leather
- 394A35
≈ Mountain View
- 2D4855
≈ Mallard
- 4E3D52
≈ Sweet Grape
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.86:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.12:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.86:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--lounge-leather: #563e31;
--lounge-leather-rgb: 86 62 49;
--lounge-leather-oklch: oklch(0.387 0.04 49.6);
}
.element {
color: var(--lounge-leather);
background-color: hsl(21 27% 26%);
border-color: oklch(0.387 0.04 49.6);
}Tailwind CSS v4
@theme {
--color-lounge-leather: #563e31;
--color-lounge-leather-50: #fff2eb;
--color-lounge-leather-100: #f3e4dc;
--color-lounge-leather-200: #e3d0c5;
--color-lounge-leather-300: #c9b2a5;
--color-lounge-leather-400: #b3988a;
--color-lounge-leather-500: #9d7f6f;
--color-lounge-leather-600: #856b5e;
--color-lounge-leather-700: #6a564b;
--color-lounge-leather-800: #4e3e37;
--color-lounge-leather-900: #372b25;
--color-lounge-leather-950: #211814;
}SCSS
$lounge-leather: #563e31;
$lounge-leather-rgb: 86, 62, 49;
$lounge-leather-light: mix(#fff, $lounge-leather, 20%);
$lounge-leather-dark: mix(#000, $lounge-leather, 20%);
.element {
color: $lounge-leather;
box-shadow: 0 0 0 2px rgba($lounge-leather, 0.35);
}