Nächste benannte Farbe · #AEA06E
#AEA06E
Nächste benannte Farbe: Windy Meadow
#AEA06E (rgb(174 160 110), hsl(47 28% 56%), oklch(0.706 0.069 94.3)) liegt am nächsten an der benannten Farbe Windy Meadow. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AEA06E
oklch(0.706 0.069 94.3)
Farbumrechnungen
- HEX
- #aea06e
- RGB
- rgb(174 160 110)
- HSL
- hsl(47 28% 56%)
- HWB
- hwb(47 43% 32%)
- OKLCH
- oklch(0.706 0.069 94.3)
- OKLab
- oklab(0.706 -0.005 0.069)
- CIE Lab
- lab(66.19 -0.23 28.06)
- LCH
- lch(66.19 28.06 90.5)
- CMYK
- cmyk(0% 8% 37% 32%)
Tints · Shades · Tones
Tints
- B6A97C
- BEB38B
- C6BC99
- CEC5A7
- D6CFB6
- DED8C4
- E6E2D3
- EEECE1
- F7F5F0
Shades
- 978B5F
- 807650
- 6A6141
- 554E33
- 413B26
- 2E2919
- 1C190E
- 0B0904
- 010101
Tones
- A99D70
- A59A73
- A09675
- 9B9377
- 979078
- 928D7A
- 8E8A7C
- 89867D
- 84837F
Farbharmonien
Komplementär +180°
- AEA06E
Windy Meadow
- 939DCC
≈ Velvet Robe
Analog -30° +30°
- AEA06E
Windy Meadow
- BF9773
≈ Wilmington Tan
- 97A878
≈ Forester
Triadisch +120° +240°
- AEA06E
Windy Meadow
- 6BACBB
≈ Well Water
- BC90B2
≈ Mauve Magic
Geteilt komplementär +150° +210°
- AEA06E
Windy Meadow
- 7BA5C9
≈ Seaborne
- AA96C4
≈ Ode to Purple
Tetradisch +90° +180° +270°
- AEA06E
Windy Meadow
- 6CAFA5
≈ Turquoise Fantasies
- 939DCC
≈ Velvet Robe
- C68E9B
≈ Beetroot Rice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.05:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--windy-meadow: #aea06e;
--windy-meadow-rgb: 174 160 110;
--windy-meadow-oklch: oklch(0.706 0.069 94.3);
}
.element {
color: var(--windy-meadow);
background-color: hsl(47 28% 56%);
border-color: oklch(0.706 0.069 94.3);
}Tailwind CSS v4
@theme {
--color-windy-meadow: #aea06e;
--color-windy-meadow-50: #fbf6df;
--color-windy-meadow-100: #eee8cf;
--color-windy-meadow-200: #ddd5b4;
--color-windy-meadow-300: #c1b890;
--color-windy-meadow-400: #ac9e6f;
--color-windy-meadow-500: #95864f;
--color-windy-meadow-600: #7e7143;
--color-windy-meadow-700: #655b36;
--color-windy-meadow-800: #4b4226;
--color-windy-meadow-900: #342d19;
--color-windy-meadow-950: #1f1a0a;
}SCSS
$windy-meadow: #aea06e;
$windy-meadow-rgb: 174, 160, 110;
$windy-meadow-light: mix(#fff, $windy-meadow, 20%);
$windy-meadow-dark: mix(#000, $windy-meadow, 20%);
.element {
color: $windy-meadow;
box-shadow: 0 0 0 2px rgba($windy-meadow, 0.35);
}