Colore con nome · #935529
Sugar Almond
Sugar Almond è #935529: rgb(147 85 41), hsl(25 56% 37%), oklch(0.513 0.101 53.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Sugar Almond color name →
#935529
oklch(0.513 0.101 53.6)
Conversioni di colore
- HEX
- #935529
- RGB
- rgb(147 85 41)
- HSL
- hsl(25 56% 37%)
- HWB
- hwb(25 16% 42%)
- OKLCH
- oklch(0.513 0.101 53.6)
- OKLab
- oklab(0.513 0.06 0.081)
- CIE Lab
- lab(42.97 23.62 36.38)
- LCH
- lch(42.97 43.37 57)
- CMYK
- cmyk(0% 42% 72% 42%)
Tinte · Ombre · Toni
Tinte
- 9E653F
- AA7654
- B58669
- C0977E
- CAA893
- D5B9A8
- E0CABD
- EADCD3
- F5EDE9
Ombre
- 7F4922
- 6C3D1C
- 593115
- 47260F
- 361C09
- 251105
- 160802
- 080201
- 010000
Toni
- 925A34
- 905E3D
- 8F6347
- 8D674F
- 8B6C58
- 8A7060
- 877468
- 857870
- 837C78
Armonie di colore
Complementare +180°
- 935529
Sugar Almond
- 137097
≈ Tofino Belue
Analogo -30° +30°
- 935529
Sugar Almond
- 984D4A
≈ Rembrandt Ruby
- 82610D
≈ Ground Earth
Triadico +120° +240°
- 935529
Sugar Almond
- 007962
≈ Ultramarine Green
- 6A5B9B
≈ Giant Onion
Complementare divisa +150° +210°
- 935529
Sugar Almond
- 00757E
≈ Night Scape
- 4865A1
≈ Starstruck
Tetradico +90° +180° +270°
- 935529
Sugar Almond
- 40763F
≈ Cucumber Queen
- 137097
≈ Tofino Belue
- 835288
≈ Purple Mystery
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.87:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.57:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--sugar-almond: #935529;
--sugar-almond-rgb: 147 85 41;
--sugar-almond-oklch: oklch(0.513 0.101 53.6);
}
.element {
color: var(--sugar-almond);
background-color: hsl(25 56% 37%);
border-color: oklch(0.513 0.101 53.6);
}Tailwind CSS v4
@theme {
--color-sugar-almond: #935529;
--color-sugar-almond-50: #ffeeda;
--color-sugar-almond-100: #ffe0c8;
--color-sugar-almond-200: #f7caab;
--color-sugar-almond-300: #e0aa85;
--color-sugar-almond-400: #cd8e64;
--color-sugar-almond-500: #ba7241;
--color-sugar-almond-600: #9d6138;
--color-sugar-almond-700: #7e4d2d;
--color-sugar-almond-800: #5e3820;
--color-sugar-almond-900: #422615;
--color-sugar-almond-950: #2a1407;
}SCSS
$sugar-almond: #935529;
$sugar-almond-rgb: 147, 85, 41;
$sugar-almond-light: mix(#fff, $sugar-almond, 20%);
$sugar-almond-dark: mix(#000, $sugar-almond, 20%);
.element {
color: $sugar-almond;
box-shadow: 0 0 0 2px rgba($sugar-almond, 0.35);
}