Nazwany kolor · #A09484
Stone Terrace
Stone Terrace to #A09484: rgb(160 148 132), hsl(34 13% 57%), oklch(0.672 0.027 75.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stone Terrace color name →
#A09484
oklch(0.672 0.027 75.2)
Konwersje koloru
- HEX
- #a09484
- RGB
- rgb(160 148 132)
- HSL
- hsl(34 13% 57%)
- HWB
- hwb(34 52% 37%)
- OKLCH
- oklch(0.672 0.027 75.2)
- OKLab
- oklab(0.672 0.007 0.026)
- CIE Lab
- lab(62.04 2.55 10.18)
- LCH
- lch(62.04 10.5 75.9)
- CMYK
- cmyk(0% 7% 17% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A99E90
- B2A99C
- BCB3A7
- C5BEB4
- CFC8C0
- D8D3CC
- E2DED9
- EBE9E5
- F5F4F2
Odcienie ciemniejsze
- 8B8072
- 766D60
- 615A4F
- 4E483F
- 3B362F
- 292620
- 191612
- 090806
- 010101
Tony
- 9D9284
- 9A9083
- 968E83
- 938C83
- 908A82
- 8D8882
- 8A8681
- 868481
- 838280
Harmonie kolorów
Komplementarna +180°
- A09484
Stone Terrace
- 8B97A7
≈ Approaching Dusk
Analogowa -30° +30°
- A09484
Stone Terrace
- A59189
≈ Casket
- 989784
≈ Into the Wild
Triada +120° +240°
- A09484
Stone Terrace
- 839C9B
≈ Shaded Hammock
- 9C91A2
≈ Amethyst Phlox
Komplementarna rozszczepiona +150° +210°
- A09484
Stone Terrace
- 859AA3
≈ Arona
- 9494A6
≈ Ash Violet
Tetrada +90° +180° +270°
- A09484
Stone Terrace
- 879C92
≈ Sutherland
- 8B97A7
≈ Approaching Dusk
- A3909A
≈ Nirvana
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.97:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.06:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.06:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--stone-terrace: #a09484;
--stone-terrace-rgb: 160 148 132;
--stone-terrace-oklch: oklch(0.672 0.027 75.2);
}
.element {
color: var(--stone-terrace);
background-color: hsl(34 13% 57%);
border-color: oklch(0.672 0.027 75.2);
}Tailwind CSS v4
@theme {
--color-stone-terrace: #a09484;
--color-stone-terrace-50: #faf4ed;
--color-stone-terrace-100: #ede7de;
--color-stone-terrace-200: #dbd3c8;
--color-stone-terrace-300: #bfb6a8;
--color-stone-terrace-400: #a89d8d;
--color-stone-terrace-500: #918473;
--color-stone-terrace-600: #7b7061;
--color-stone-terrace-700: #62594e;
--color-stone-terrace-800: #484138;
--color-stone-terrace-900: #322d26;
--color-stone-terrace-950: #1e1a15;
}SCSS
$stone-terrace: #a09484;
$stone-terrace-rgb: 160, 148, 132;
$stone-terrace-light: mix(#fff, $stone-terrace, 20%);
$stone-terrace-dark: mix(#000, $stone-terrace, 20%);
.element {
color: $stone-terrace;
box-shadow: 0 0 0 2px rgba($stone-terrace, 0.35);
}