Cor nomeada · #CDBDAD
Mesa Tumbleweed
Mesa Tumbleweed é #CDBDAD: rgb(205 189 173), hsl(30 24% 74%), oklch(0.807 0.029 67.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mesa Tumbleweed color name →
#CDBDAD
oklch(0.807 0.029 67.4)
Conversões de cor
- HEX
- #cdbdad
- RGB
- rgb(205 189 173)
- HSL
- hsl(30 24% 74%)
- HWB
- hwb(30 68% 20%)
- OKLCH
- oklch(0.807 0.029 67.4)
- OKLab
- oklab(0.807 0.011 0.026)
- CIE Lab
- lab(77.64 3.89 10.27)
- LCH
- lch(77.64 10.98 69.3)
- CMYK
- cmyk(0% 8% 16% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2C3B5
- D7CABD
- DCD0C5
- E1D7CD
- E6DED5
- EBE4DE
- F0EBE6
- F5F2EE
- FAF8F7
Sombras
- B2A496
- 988C7F
- 7E746A
- 665D55
- 4E4741
- 38332D
- 231F1B
- 0F0D0B
- 020201
Tons
- C5B7A8
- BDB0A4
- B5AA9F
- ADA49B
- A69E96
- 9E9892
- 96928D
- 8F8C89
- 878684
Harmonias de cor
Complementar +180°
- CDBDAD
Mesa Tumbleweed
- B2C2D2
≈ Elevated
Análoga -30° +30°
- CDBDAD
Mesa Tumbleweed
- D2BAB3
≈ Forever Fairytale
- C5C1AC
≈ Brown Buzz
Tríade +120° +240°
- CDBDAD
Mesa Tumbleweed
- ACC6C3
≈ Peppermint Pie
- C5BCCF
≈ Purpling Dawn
Complementar dividida +150° +210°
- CDBDAD
Mesa Tumbleweed
- ACC5CC
≈ Blue Spruce
- BBBFD3
≈ Sweet Juliet
Tétrade +90° +180° +270°
- CDBDAD
Mesa Tumbleweed
- B2C6B9
≈ Pine Whisper
- B2C2D2
≈ Elevated
- CDB9C7
≈ Queen’s Violet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.47:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.47:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--mesa-tumbleweed: #cdbdad;
--mesa-tumbleweed-rgb: 205 189 173;
--mesa-tumbleweed-oklch: oklch(0.807 0.029 67.4);
}
.element {
color: var(--mesa-tumbleweed);
background-color: hsl(30 24% 74%);
border-color: oklch(0.807 0.029 67.4);
}Tailwind CSS v4
@theme {
--color-mesa-tumbleweed: #cdbdad;
--color-mesa-tumbleweed-50: #fbf4ed;
--color-mesa-tumbleweed-100: #eee6de;
--color-mesa-tumbleweed-200: #ddd2c7;
--color-mesa-tumbleweed-300: #c1b5a8;
--color-mesa-tumbleweed-400: #aa9c8d;
--color-mesa-tumbleweed-500: #938372;
--color-mesa-tumbleweed-600: #7d6f61;
--color-mesa-tumbleweed-700: #64594d;
--color-mesa-tumbleweed-800: #494138;
--color-mesa-tumbleweed-900: #332c26;
--color-mesa-tumbleweed-950: #1f1a15;
}SCSS
$mesa-tumbleweed: #cdbdad;
$mesa-tumbleweed-rgb: 205, 189, 173;
$mesa-tumbleweed-light: mix(#fff, $mesa-tumbleweed, 20%);
$mesa-tumbleweed-dark: mix(#000, $mesa-tumbleweed, 20%);
.element {
color: $mesa-tumbleweed;
box-shadow: 0 0 0 2px rgba($mesa-tumbleweed, 0.35);
}