Nächste benannte Farbe · #A8645F
#A8645F
Nächste benannte Farbe: Rustling Leaves
#A8645F (rgb(168 100 95), hsl(4 30% 52%), oklch(0.578 0.089 24.7)) liegt am nächsten an der benannten Farbe Rustling Leaves. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A8645F
oklch(0.578 0.089 24.7)
Farbumrechnungen
- HEX
- #a8645f
- RGB
- rgb(168 100 95)
- HSL
- hsl(4 30% 52%)
- HWB
- hwb(4 37% 34%)
- OKLCH
- oklch(0.578 0.089 24.7)
- OKLab
- oklab(0.578 0.081 0.037)
- CIE Lab
- lab(50.15 27.73 15.22)
- LCH
- lch(50.15 31.63 28.8)
- CMYK
- cmyk(0% 40% 43% 34%)
Tints · Shades · Tones
Tints
- B1736E
- BB827D
- C4918C
- CDA09C
- D6B0AC
- DEBFBC
- E7CFCD
- EFDFDD
- F7EFEE
Shades
- 925652
- 7C4844
- 673B38
- 522E2C
- 3F2220
- 2C1615
- 1A0B0A
- 0A0303
- 010000
Tones
- A56762
- A16A66
- 9D6D69
- 9A706C
- 967370
- 927673
- 8E7876
- 897B7A
- 857E7D
Farbharmonien
Komplementär +180°
- A8645F
Rustling Leaves
- 248992
≈ Turkish Jade
Analog -30° +30°
- A8645F
Rustling Leaves
- A3637D
≈ Strawberry Mousse
- A26B44
≈ Vintage Pottery
Triadisch +120° +240°
- A8645F
Rustling Leaves
- 578858
≈ Emerald Ring
- 5F79AF
≈ Deck Crew
Geteilt komplementär +150° +210°
- A8645F
Rustling Leaves
- 348B76
≈ Ionian
- 3E82A7
≈ Lake Henry
Tetradisch +90° +180° +270°
- A8645F
Rustling Leaves
- 78803F
≈ Thai Basil
- 248992
≈ Turkish Jade
- 7D6FA9
≈ Plum Preserve
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--rustling-leaves: #a8645f;
--rustling-leaves-rgb: 168 100 95;
--rustling-leaves-oklch: oklch(0.578 0.089 24.7);
}
.element {
color: var(--rustling-leaves);
background-color: hsl(4 30% 52%);
border-color: oklch(0.578 0.089 24.7);
}Tailwind CSS v4
@theme {
--color-rustling-leaves: #a8645f;
--color-rustling-leaves-50: #ffece8;
--color-rustling-leaves-100: #ffddd8;
--color-rustling-leaves-200: #f8c6c0;
--color-rustling-leaves-300: #e2a69f;
--color-rustling-leaves-400: #ce8a84;
--color-rustling-leaves-500: #ba6e68;
--color-rustling-leaves-600: #9d5d59;
--color-rustling-leaves-700: #7e4a47;
--color-rustling-leaves-800: #5e3634;
--color-rustling-leaves-900: #422523;
--color-rustling-leaves-950: #2a1312;
}SCSS
$rustling-leaves: #a8645f;
$rustling-leaves-rgb: 168, 100, 95;
$rustling-leaves-light: mix(#fff, $rustling-leaves, 20%);
$rustling-leaves-dark: mix(#000, $rustling-leaves, 20%);
.element {
color: $rustling-leaves;
box-shadow: 0 0 0 2px rgba($rustling-leaves, 0.35);
}