Colore con nome · #615544
Light Roast
Light Roast è #615544: rgb(97 85 68), hsl(35 18% 32%), oklch(0.456 0.031 76.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Roast color name →
#615544
oklch(0.456 0.031 76.4)
Conversioni di colore
- HEX
- #615544
- RGB
- rgb(97 85 68)
- HSL
- hsl(35 18% 32%)
- HWB
- hwb(35 27% 62%)
- OKLCH
- oklch(0.456 0.031 76.4)
- OKLab
- oklab(0.456 0.007 0.03)
- CIE Lab
- lab(36.97 2.91 11.86)
- LCH
- lch(36.97 12.21 76.2)
- CMYK
- cmyk(0% 12% 30% 62%)
Tinte · Ombre · Toni
Tinte
- 706455
- 7E7466
- 8E8578
- 9D958A
- ADA69D
- BDB7B0
- CDC9C3
- DDDBD7
- EEEDEB
Ombre
- 53493A
- 463D30
- 393126
- 2D261D
- 211C14
- 15110C
- 0B0805
- 030202
- 000000
Toni
- 64594A
- 675D50
- 6A6256
- 6D665C
- 706A62
- 746F68
- 77736E
- 7A7774
- 7D7C7A
Armonie di colore
Complementare +180°
- 615544
Light Roast
- 4C5868
≈ Harbour
Analogo -30° +30°
- 615544
Light Roast
- 665249
≈ Bargeboard Brown
- 595845
≈ Monogram
Triadico +120° +240°
- 615544
Light Roast
- 435D5D
≈ Rosemary
- 5E5263
≈ Napa Grape
Complementare divisa +150° +210°
- 615544
Light Roast
- 455B64
≈ Blue Tapestry
- 555568
≈ Academy Purple
Tetradico +90° +180° +270°
- 615544
Light Roast
- 475D53
≈ Cilantro
- 4C5868
≈ Harbour
- 64505A
≈ Sinful
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.26:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.89:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--light-roast: #615544;
--light-roast-rgb: 97 85 68;
--light-roast-oklch: oklch(0.456 0.031 76.4);
}
.element {
color: var(--light-roast);
background-color: hsl(35 18% 32%);
border-color: oklch(0.456 0.031 76.4);
}Tailwind CSS v4
@theme {
--color-light-roast: #615544;
--color-light-roast-50: #faf4ec;
--color-light-roast-100: #eee7dd;
--color-light-roast-200: #dcd3c6;
--color-light-roast-300: #c0b6a6;
--color-light-roast-400: #a99c8b;
--color-light-roast-500: #928470;
--color-light-roast-600: #7c705f;
--color-light-roast-700: #63594c;
--color-light-roast-800: #494137;
--color-light-roast-900: #322d25;
--color-light-roast-950: #1e1a14;
}SCSS
$light-roast: #615544;
$light-roast-rgb: 97, 85, 68;
$light-roast-light: mix(#fff, $light-roast, 20%);
$light-roast-dark: mix(#000, $light-roast, 20%);
.element {
color: $light-roast;
box-shadow: 0 0 0 2px rgba($light-roast, 0.35);
}