Benannte Farbe · #935529
Sugar Almond
Sugar Almond ist #935529: rgb(147 85 41), hsl(25 56% 37%), oklch(0.513 0.101 53.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Sugar Almond color name →
#935529
oklch(0.513 0.101 53.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 9E653F
- AA7654
- B58669
- C0977E
- CAA893
- D5B9A8
- E0CABD
- EADCD3
- F5EDE9
Shades
- 7F4922
- 6C3D1C
- 593115
- 47260F
- 361C09
- 251105
- 160802
- 080201
- 010000
Tones
- 925A34
- 905E3D
- 8F6347
- 8D674F
- 8B6C58
- 8A7060
- 877468
- 857870
- 837C78
Farbharmonien
Komplementär +180°
- 935529
Sugar Almond
- 137097
≈ Tofino Belue
Analog -30° +30°
- 935529
Sugar Almond
- 984D4A
≈ Rembrandt Ruby
- 82610D
≈ Ground Earth
Triadisch +120° +240°
- 935529
Sugar Almond
- 007962
≈ Ultramarine Green
- 6A5B9B
≈ Giant Onion
Geteilt komplementär +150° +210°
- 935529
Sugar Almond
- 00757E
≈ Night Scape
- 4865A1
≈ Starstruck
Tetradisch +90° +180° +270°
- 935529
Sugar Almond
- 40763F
≈ Cucumber Queen
- 137097
≈ Tofino Belue
- 835288
≈ Purple Mystery
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.87:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.57:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
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);
}