Nazwany kolor · #ADA090
Taupe Tone
Taupe Tone to #ADA090: rgb(173 160 144), hsl(33 15% 62%), oklch(0.712 0.027 73.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Taupe Tone color name →
#ADA090
oklch(0.712 0.027 73.1)
Konwersje koloru
- HEX
- #ada090
- RGB
- rgb(173 160 144)
- HSL
- hsl(33 15% 62%)
- HWB
- hwb(33 56% 32%)
- OKLCH
- oklch(0.712 0.027 73.1)
- OKLab
- oklab(0.712 0.008 0.026)
- CIE Lab
- lab(66.66 2.89 10.17)
- LCH
- lch(66.66 10.58 74.2)
- CMYK
- cmyk(0% 8% 17% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5A99B
- BDB2A5
- C5BCB0
- CDC5BB
- D5CFC6
- DED8D1
- E6E2DD
- EEEBE8
- F7F5F3
Odcienie ciemniejsze
- 968B7D
- 7F766A
- 6A6157
- 554E45
- 413B34
- 2D2924
- 1B1915
- 0B0907
- 010101
Tony
- A89D8E
- A49A8D
- 9F968B
- 9B938A
- 969088
- 928D86
- 8D8A85
- 898683
- 848382
Harmonie kolorów
Komplementarna +180°
- ADA090
Taupe Tone
- 97A4B3
≈ River Valley
Analogowa -30° +30°
- ADA090
Taupe Tone
- B29D95
≈ Iris Mauve
- A5A390
≈ Cement
Triada +120° +240°
- ADA090
Taupe Tone
- 8FA8A7
≈ In the Deep End
- A89EAF
≈ Goose Wing Grey
Komplementarna rozszczepiona +150° +210°
- ADA090
Taupe Tone
- 91A6AF
≈ Galleria Blue
- 9FA0B3
≈ Santas Grey
Tetrada +90° +180° +270°
- ADA090
Taupe Tone
- 94A89D
≈ Melville
- 97A4B3
≈ River Valley
- AF9CA7
≈ On the Nile
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.55:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.20:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--taupe-tone: #ada090;
--taupe-tone-rgb: 173 160 144;
--taupe-tone-oklch: oklch(0.712 0.027 73.1);
}
.element {
color: var(--taupe-tone);
background-color: hsl(33 15% 62%);
border-color: oklch(0.712 0.027 73.1);
}Tailwind CSS v4
@theme {
--color-taupe-tone: #ada090;
--color-taupe-tone-50: #faf4ed;
--color-taupe-tone-100: #ede7de;
--color-taupe-tone-200: #dbd3c8;
--color-taupe-tone-300: #c0b6a8;
--color-taupe-tone-400: #a99c8d;
--color-taupe-tone-500: #928473;
--color-taupe-tone-600: #7b7061;
--color-taupe-tone-700: #63594e;
--color-taupe-tone-800: #494138;
--color-taupe-tone-900: #322d26;
--color-taupe-tone-950: #1e1a15;
}SCSS
$taupe-tone: #ada090;
$taupe-tone-rgb: 173, 160, 144;
$taupe-tone-light: mix(#fff, $taupe-tone, 20%);
$taupe-tone-dark: mix(#000, $taupe-tone, 20%);
.element {
color: $taupe-tone;
box-shadow: 0 0 0 2px rgba($taupe-tone, 0.35);
}