Benannte Farbe · #A8946B
Sweet Sparrow
Sweet Sparrow ist #A8946B: rgb(168 148 107), hsl(40 26% 54%), oklch(0.674 0.061 84.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sweet Sparrow color name →
#A8946B
oklch(0.674 0.061 84.8)
Farbumrechnungen
- HEX
- #a8946b
- RGB
- rgb(168 148 107)
- HSL
- hsl(40 26% 54%)
- HWB
- hwb(40 42% 34%)
- OKLCH
- oklch(0.674 0.061 84.8)
- OKLab
- oklab(0.674 0.006 0.061)
- CIE Lab
- lab(62.37 3.2 24.61)
- LCH
- lch(62.37 24.81 82.6)
- CMYK
- cmyk(0% 12% 36% 34%)
Tints · Shades · Tones
Tints
- B09E79
- B9A988
- C2B396
- CABEA5
- D3C8B4
- DCD3C2
- E4DED1
- EDE9E0
- F6F4F0
Shades
- 92805C
- 7C6D4E
- 675A3F
- 524832
- 3F3625
- 2C2618
- 1A160D
- 0A0804
- 010100
Tones
- A4926E
- A09070
- 9C8E72
- 988C74
- 948A77
- 908879
- 8C867B
- 88847C
- 84827E
Farbharmonien
Komplementär +180°
- A8946B
Sweet Sparrow
- 8496BD
≈ Bel Air Blue
Analog -30° +30°
- A8946B
Sweet Sparrow
- B58D73
≈ Dune Drift
- 959B70
≈ Alamosa Green
Triadisch +120° +240°
- A8946B
Sweet Sparrow
- 68A2A8
≈ Aqua Sea
- AA8AAC
≈ Dusty Lavender
Geteilt komplementär +150° +210°
- A8946B
Sweet Sparrow
- 719DB7
≈ Crisp French Blue
- 998FB9
≈ Royal Glimmer
Tetradisch +90° +180° +270°
- A8946B
Sweet Sparrow
- 6EA394
≈ Harmony in Green
- 8496BD
≈ Bel Air Blue
- B68798
≈ Monastir
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.11:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--sweet-sparrow: #a8946b;
--sweet-sparrow-rgb: 168 148 107;
--sweet-sparrow-oklch: oklch(0.674 0.061 84.8);
}
.element {
color: var(--sweet-sparrow);
background-color: hsl(40 26% 54%);
border-color: oklch(0.674 0.061 84.8);
}Tailwind CSS v4
@theme {
--color-sweet-sparrow: #a8946b;
--color-sweet-sparrow-50: #fdf4e2;
--color-sweet-sparrow-100: #f1e7d1;
--color-sweet-sparrow-200: #e0d3b7;
--color-sweet-sparrow-300: #c5b694;
--color-sweet-sparrow-400: #af9c75;
--color-sweet-sparrow-500: #998356;
--color-sweet-sparrow-600: #816f4a;
--color-sweet-sparrow-700: #68593a;
--color-sweet-sparrow-800: #4d412a;
--color-sweet-sparrow-900: #352c1c;
--color-sweet-sparrow-950: #20190c;
}SCSS
$sweet-sparrow: #a8946b;
$sweet-sparrow-rgb: 168, 148, 107;
$sweet-sparrow-light: mix(#fff, $sweet-sparrow, 20%);
$sweet-sparrow-dark: mix(#000, $sweet-sparrow, 20%);
.element {
color: $sweet-sparrow;
box-shadow: 0 0 0 2px rgba($sweet-sparrow, 0.35);
}