Colore con nome · #A77D35
Fluor Spar
Fluor Spar è #A77D35: rgb(167 125 53), hsl(38 52% 43%), oklch(0.617 0.103 78.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Fluor Spar color name →
#A77D35
oklch(0.617 0.103 78.2)
Conversioni di colore
- HEX
- #a77d35
- RGB
- rgb(167 125 53)
- HSL
- hsl(38 52% 43%)
- HWB
- hwb(38 21% 35%)
- OKLCH
- oklch(0.617 0.103 78.2)
- OKLab
- oklab(0.617 0.021 0.101)
- CIE Lab
- lab(55.6 11.3 44.52)
- LCH
- lch(55.6 45.93 75.8)
- CMYK
- cmyk(0% 25% 68% 35%)
Tinte · Ombre · Toni
Tinte
- B08A4C
- B99660
- C1A374
- CAB088
- D3BD9C
- DCCAAF
- E5D7C3
- EDE4D7
- F6F2EB
Ombre
- 916C2D
- 7B5B25
- 664B1D
- 523B15
- 3E2C0E
- 2C1E08
- 1A1103
- 0A0501
- 010100
Toni
- A37E3F
- 9F7E49
- 9C7F51
- 987F59
- 947F60
- 908067
- 8C806D
- 888074
- 84807A
Armonie di colore
Complementare +180°
- A77D35
Fluor Spar
- 5E86C3
≈ Marina
Analogo -30° +30°
- A77D35
Fluor Spar
- B7714C
≈ Pottery Clay
- 8B8A3A
≈ Woodbine
Triadico +120° +240°
- A77D35
Fluor Spar
- 0E989C
≈ Ocean Reef
- 9F71AD
≈ Purple Pride
Complementare divisa +150° +210°
- A77D35
Fluor Spar
- 3291B6
≈ Navagio Bay
- 837BC0
≈ Ube
Tetradico +90° +180° +270°
- A77D35
Fluor Spar
- 38997A
≈ Greenway
- 5E86C3
≈ Marina
- B36B90
≈ Je t’aime
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.73:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.62:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--fluor-spar: #a77d35;
--fluor-spar-rgb: 167 125 53;
--fluor-spar-oklch: oklch(0.617 0.103 78.2);
}
.element {
color: var(--fluor-spar);
background-color: hsl(38 52% 43%);
border-color: oklch(0.617 0.103 78.2);
}Tailwind CSS v4
@theme {
--color-fluor-spar: #a77d35;
--color-fluor-spar-50: #fff3d5;
--color-fluor-spar-100: #fae5c2;
--color-fluor-spar-200: #ecd0a3;
--color-fluor-spar-300: #d3b27a;
--color-fluor-spar-400: #c09755;
--color-fluor-spar-500: #ab7d29;
--color-fluor-spar-600: #916a25;
--color-fluor-spar-700: #74541d;
--color-fluor-spar-800: #573d13;
--color-fluor-spar-900: #3c2a0c;
--color-fluor-spar-950: #261701;
}SCSS
$fluor-spar: #a77d35;
$fluor-spar-rgb: 167, 125, 53;
$fluor-spar-light: mix(#fff, $fluor-spar, 20%);
$fluor-spar-dark: mix(#000, $fluor-spar, 20%);
.element {
color: $fluor-spar;
box-shadow: 0 0 0 2px rgba($fluor-spar, 0.35);
}