Colore con nome · #978478
Parisian Café
Parisian Café è #978478: rgb(151 132 120), hsl(23 13% 53%), oklch(0.627 0.029 54.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Parisian Café color name →
#978478
oklch(0.627 0.029 54.3)
Conversioni di colore
- HEX
- #978478
- RGB
- rgb(151 132 120)
- HSL
- hsl(23 13% 53%)
- HWB
- hwb(23 47% 41%)
- OKLCH
- oklch(0.627 0.029 54.3)
- OKLab
- oklab(0.627 0.017 0.024)
- CIE Lab
- lab(56.65 5.97 9.3)
- LCH
- lch(56.65 11.05 57.3)
- CMYK
- cmyk(0% 13% 21% 41%)
Tinte · Ombre · Toni
Tinte
- A19085
- AB9B92
- B5A79F
- C0B4AC
- CAC0B9
- D4CCC7
- DFD9D5
- EAE5E3
- F4F2F1
Ombre
- 837267
- 6F6057
- 5C4F48
- 493F39
- 372F2A
- 26201D
- 171210
- 080605
- 010101
Toni
- 958479
- 92837A
- 90837B
- 8E827B
- 8C827C
- 89827D
- 87817E
- 85817E
- 82807F
Armonie di colore
Complementare +180°
- 978478
Parisian Café
- 788C98
≈ Shaker Blue
Analogo -30° +30°
- 978478
Parisian Café
- 998280
≈ Mystere
- 918775
≈ Great Frontier
Triadico +120° +240°
- 978478
Parisian Café
- 778E87
≈ Gumbo
- 898599
≈ Miracle
Complementare divisa +150° +210°
- 978478
Parisian Café
- 748E90
≈ Leisure Time
- 7F899B
≈ Top Shelf
Tetradico +90° +180° +270°
- 978478
Parisian Café
- 7E8D7D
≈ Amazon Moss
- 788C98
≈ Shaker Blue
- 928392
≈ Quixotic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.56:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.88:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--parisian-cafe: #978478;
--parisian-cafe-rgb: 151 132 120;
--parisian-cafe-oklch: oklch(0.627 0.029 54.3);
}
.element {
color: var(--parisian-cafe);
background-color: hsl(23 13% 53%);
border-color: oklch(0.627 0.029 54.3);
}Tailwind CSS v4
@theme {
--color-parisian-cafe: #978478;
--color-parisian-cafe-50: #fcf3ed;
--color-parisian-cafe-100: #f0e6df;
--color-parisian-cafe-200: #dfd1c9;
--color-parisian-cafe-300: #c4b4a9;
--color-parisian-cafe-400: #ad9a8f;
--color-parisian-cafe-500: #968174;
--color-parisian-cafe-600: #7f6e63;
--color-parisian-cafe-700: #66584f;
--color-parisian-cafe-800: #4b4039;
--color-parisian-cafe-900: #342c27;
--color-parisian-cafe-950: #1f1915;
}SCSS
$parisian-cafe: #978478;
$parisian-cafe-rgb: 151, 132, 120;
$parisian-cafe-light: mix(#fff, $parisian-cafe, 20%);
$parisian-cafe-dark: mix(#000, $parisian-cafe, 20%);
.element {
color: $parisian-cafe;
box-shadow: 0 0 0 2px rgba($parisian-cafe, 0.35);
}