Najbliższy nazwany kolor · #AEA06E
#AEA06E
Najbliższy nazwany kolor: Windy Meadow
#AEA06E (rgb(174 160 110), hsl(47 28% 56%), oklch(0.706 0.069 94.3)) jest najbliższy nazwanemu kolorowi Windy Meadow. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AEA06E
oklch(0.706 0.069 94.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6A97C
- BEB38B
- C6BC99
- CEC5A7
- D6CFB6
- DED8C4
- E6E2D3
- EEECE1
- F7F5F0
Odcienie ciemniejsze
- 978B5F
- 807650
- 6A6141
- 554E33
- 413B26
- 2E2919
- 1C190E
- 0B0904
- 010101
Tony
- A99D70
- A59A73
- A09675
- 9B9377
- 979078
- 928D7A
- 8E8A7C
- 89867D
- 84837F
Harmonie kolorów
Komplementarna +180°
- AEA06E
Windy Meadow
- 939DCC
≈ Velvet Robe
Analogowa -30° +30°
- AEA06E
Windy Meadow
- BF9773
≈ Wilmington Tan
- 97A878
≈ Forester
Triada +120° +240°
- AEA06E
Windy Meadow
- 6BACBB
≈ Well Water
- BC90B2
≈ Mauve Magic
Komplementarna rozszczepiona +150° +210°
- AEA06E
Windy Meadow
- 7BA5C9
≈ Seaborne
- AA96C4
≈ Ode to Purple
Tetrada +90° +180° +270°
- AEA06E
Windy Meadow
- 6CAFA5
≈ Turquoise Fantasies
- 939DCC
≈ Velvet Robe
- C68E9B
≈ Beetroot Rice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.60:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.05:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
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);
}