Nächste benannte Farbe · #9D6A5F
#9D6A5F
Nächste benannte Farbe: Amaretto
#9D6A5F (rgb(157 106 95), hsl(11 25% 49%), oklch(0.575 0.068 32.7)) liegt am nächsten an der benannten Farbe Amaretto. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9D6A5F
oklch(0.575 0.068 32.7)
Farbumrechnungen
- HEX
- #9d6a5f
- RGB
- rgb(157 106 95)
- HSL
- hsl(11 25% 49%)
- HWB
- hwb(11 37% 38%)
- OKLCH
- oklch(0.575 0.068 32.7)
- OKLab
- oklab(0.575 0.057 0.037)
- CIE Lab
- lab(50.13 19.97 14.91)
- LCH
- lch(50.13 24.92 36.7)
- CMYK
- cmyk(0% 32% 39% 38%)
Tints · Shades · Tones
Tints
- A7786E
- B1867D
- BB958C
- C5A49C
- CFB2AC
- D8C1BC
- E2D1CD
- ECE0DD
- F5EFEE
Shades
- 885B52
- 734D44
- 5F3F38
- 4C312C
- 3A2420
- 281815
- 180D0A
- 090403
- 010000
Tones
- 9A6C62
- 986F66
- 957169
- 92736C
- 907670
- 8D7873
- 8A7A76
- 877C7A
- 837E7D
Farbharmonien
Komplementär +180°
- 9D6A5F
Amaretto
- 448491
≈ Flounce
Analog -30° +30°
- 9D6A5F
Amaretto
- 9B6875
≈ Nouveau Rose
- 96704E
≈ Chocolate Milk
Triadisch +120° +240°
- 9D6A5F
Amaretto
- 598565
≈ Soylent Green
- 6B76A2
≈ Blue Batik
Geteilt komplementär +150° +210°
- 9D6A5F
Amaretto
- 46867C
≈ Carlisle
- 547E9E
≈ Flattering Blue
Tetradisch +90° +180° +270°
- 9D6A5F
Amaretto
- 718052
≈ Turf War
- 448491
≈ Flounce
- 816F9B
≈ Baroness Mauve
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--amaretto: #9d6a5f;
--amaretto-rgb: 157 106 95;
--amaretto-oklch: oklch(0.575 0.068 32.7);
}
.element {
color: var(--amaretto);
background-color: hsl(11 25% 49%);
border-color: oklch(0.575 0.068 32.7);
}Tailwind CSS v4
@theme {
--color-amaretto: #9d6a5f;
--color-amaretto-50: #ffefe8;
--color-amaretto-100: #fee0d9;
--color-amaretto-200: #f0cbc1;
--color-amaretto-300: #d8aca0;
--color-amaretto-400: #c39085;
--color-amaretto-500: #af7569;
--color-amaretto-600: #946459;
--color-amaretto-700: #765047;
--color-amaretto-800: #583a34;
--color-amaretto-900: #3d2723;
--color-amaretto-950: #271512;
}SCSS
$amaretto: #9d6a5f;
$amaretto-rgb: 157, 106, 95;
$amaretto-light: mix(#fff, $amaretto, 20%);
$amaretto-dark: mix(#000, $amaretto, 20%);
.element {
color: $amaretto;
box-shadow: 0 0 0 2px rgba($amaretto, 0.35);
}