Nazwany kolor · #A8A095
True Taupewood
True Taupewood to #A8A095: rgb(168 160 149), hsl(35 10% 62%), oklch(0.709 0.018 76.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · True Taupewood color name →
#A8A095
oklch(0.709 0.018 76.1)
Konwersje koloru
- HEX
- #a8a095
- RGB
- rgb(168 160 149)
- HSL
- hsl(35 10% 62%)
- HWB
- hwb(35 58% 34%)
- OKLCH
- oklch(0.709 0.018 76.1)
- OKLab
- oklab(0.709 0.004 0.018)
- CIE Lab
- lab(66.32 1.56 6.85)
- LCH
- lch(66.32 7.02 77.2)
- CMYK
- cmyk(0% 5% 11% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0A99F
- B9B2A9
- C1BCB4
- CAC5BE
- D3CFC9
- DBD8D3
- E4E2DE
- EDEBE9
- F6F5F4
Odcienie ciemniejsze
- 928B81
- 7C766D
- 67615A
- 524E48
- 3F3B37
- 2C2926
- 1A1916
- 0A0908
- 010101
Tony
- A49D93
- A09A91
- 9C968F
- 98938D
- 94908A
- 908D88
- 8C8986
- 888684
- 848382
Harmonie kolorów
Komplementarna +180°
- A8A095
True Taupewood
- 9AA2AD
≈ Rough Stone
Analogowa -30° +30°
- A8A095
True Taupewood
- AC9E98
≈ Truly Taupe
- A2A295
≈ Pussywillow Grey
Triada +120° +240°
- A8A095
True Taupewood
- 95A5A5
≈ Dusty Sky
- A69EA9
≈ Goose Wing Grey
Komplementarna rozszczepiona +150° +210°
- A8A095
True Taupewood
- 96A4AA
≈ Dusty Sky
- A0A0AD
≈ Amethyst Haze
Tetrada +90° +180° +270°
- A8A095
True Taupewood
- 97A59F
≈ Farmers Green
- 9AA2AD
≈ Rough Stone
- AA9DA4
≈ Laylock
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.58:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.12:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--true-taupewood: #a8a095;
--true-taupewood-rgb: 168 160 149;
--true-taupewood-oklch: oklch(0.709 0.018 76.1);
}
.element {
color: var(--true-taupewood);
background-color: hsl(35 10% 62%);
border-color: oklch(0.709 0.018 76.1);
}Tailwind CSS v4
@theme {
--color-true-taupewood: #a8a095;
--color-true-taupewood-50: #f8f5ef;
--color-true-taupewood-100: #ebe7e1;
--color-true-taupewood-200: #d9d3cc;
--color-true-taupewood-300: #bdb6ad;
--color-true-taupewood-400: #a59d93;
--color-true-taupewood-500: #8d8579;
--color-true-taupewood-600: #787067;
--color-true-taupewood-700: #605a52;
--color-true-taupewood-800: #46423c;
--color-true-taupewood-900: #312d29;
--color-true-taupewood-950: #1d1a17;
}SCSS
$true-taupewood: #a8a095;
$true-taupewood-rgb: 168, 160, 149;
$true-taupewood-light: mix(#fff, $true-taupewood, 20%);
$true-taupewood-dark: mix(#000, $true-taupewood, 20%);
.element {
color: $true-taupewood;
box-shadow: 0 0 0 2px rgba($true-taupewood, 0.35);
}