Nazwany kolor · #AEA393
Plaza Taupe
Plaza Taupe to #AEA393: rgb(174 163 147), hsl(36 14% 63%), oklch(0.72 0.026 77.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Plaza Taupe color name →
#AEA393
oklch(0.72 0.026 77.4)
Konwersje koloru
- HEX
- #aea393
- RGB
- rgb(174 163 147)
- HSL
- hsl(36 14% 63%)
- HWB
- hwb(36 58% 32%)
- OKLCH
- oklch(0.72 0.026 77.4)
- OKLab
- oklab(0.72 0.006 0.025)
- CIE Lab
- lab(67.61 2.09 9.86)
- LCH
- lch(67.61 10.08 78)
- CMYK
- cmyk(0% 6% 16% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6AC9D
- BEB5A8
- C6BEB2
- CEC7BD
- D6D0C8
- DED9D3
- E6E3DE
- EEECE9
- F7F5F4
Odcienie ciemniejsze
- 978D7F
- 80786C
- 6A6359
- 554F47
- 413C36
- 2E2A25
- 1C1916
- 0B0A08
- 010101
Tony
- A99F91
- A59C8F
- A0988D
- 9B958B
- 97918A
- 928E88
- 8E8A86
- 898784
- 848382
Harmonie kolorów
Komplementarna +180°
- AEA393
Plaza Taupe
- 9BA6B5
≈ Acier Tint
Analogowa -30° +30°
- AEA393
Plaza Taupe
- B3A097
≈ Thorn Crown
- A6A694
≈ Sunset Meadow
Triada +120° +240°
- AEA393
Plaza Taupe
- 93AAAA
≈ Mythical Blue
- ACA0B0
≈ Grapeade
Komplementarna rozszczepiona +150° +210°
- AEA393
Plaza Taupe
- 94A8B2
≈ Ashen Wind
- A3A3B5
≈ Lazy Lavender
Tetrada +90° +180° +270°
- AEA393
Plaza Taupe
- 96AAA1
≈ Melville
- 9BA6B5
≈ Acier Tint
- B29EA8
≈ Symbolic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.48:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.45:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.45:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--plaza-taupe: #aea393;
--plaza-taupe-rgb: 174 163 147;
--plaza-taupe-oklch: oklch(0.72 0.026 77.4);
}
.element {
color: var(--plaza-taupe);
background-color: hsl(36 14% 63%);
border-color: oklch(0.72 0.026 77.4);
}Tailwind CSS v4
@theme {
--color-plaza-taupe: #aea393;
--color-plaza-taupe-50: #f9f4ed;
--color-plaza-taupe-100: #ede7de;
--color-plaza-taupe-200: #dad3c8;
--color-plaza-taupe-300: #bfb6a9;
--color-plaza-taupe-400: #a79d8e;
--color-plaza-taupe-500: #908473;
--color-plaza-taupe-600: #7a7062;
--color-plaza-taupe-700: #615a4e;
--color-plaza-taupe-800: #484139;
--color-plaza-taupe-900: #322d27;
--color-plaza-taupe-950: #1e1a15;
}SCSS
$plaza-taupe: #aea393;
$plaza-taupe-rgb: 174, 163, 147;
$plaza-taupe-light: mix(#fff, $plaza-taupe, 20%);
$plaza-taupe-dark: mix(#000, $plaza-taupe, 20%);
.element {
color: $plaza-taupe;
box-shadow: 0 0 0 2px rgba($plaza-taupe, 0.35);
}