Cor nomeada · #ADA090
Taupe Tone
Taupe Tone é #ADA090: rgb(173 160 144), hsl(33 15% 62%), oklch(0.712 0.027 73.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Taupe Tone color name →
#ADA090
oklch(0.712 0.027 73.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B5A99B
- BDB2A5
- C5BCB0
- CDC5BB
- D5CFC6
- DED8D1
- E6E2DD
- EEEBE8
- F7F5F3
Sombras
- 968B7D
- 7F766A
- 6A6157
- 554E45
- 413B34
- 2D2924
- 1B1915
- 0B0907
- 010101
Tons
- A89D8E
- A49A8D
- 9F968B
- 9B938A
- 969088
- 928D86
- 8D8A85
- 898683
- 848382
Harmonias de cor
Complementar +180°
- ADA090
Taupe Tone
- 97A4B3
≈ River Valley
Análoga -30° +30°
- ADA090
Taupe Tone
- B29D95
≈ Iris Mauve
- A5A390
≈ Cement
Tríade +120° +240°
- ADA090
Taupe Tone
- 8FA8A7
≈ In the Deep End
- A89EAF
≈ Goose Wing Grey
Complementar dividida +150° +210°
- ADA090
Taupe Tone
- 91A6AF
≈ Galleria Blue
- 9FA0B3
≈ Santas Grey
Tétrade +90° +180° +270°
- ADA090
Taupe Tone
- 94A89D
≈ Melville
- 97A4B3
≈ River Valley
- AF9CA7
≈ On the Nile
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.20:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
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);
}