Cor nomeada · #C8B7A1
Ranch Tan
Ranch Tan é #C8B7A1: rgb(200 183 161), hsl(34 26% 71%), oklch(0.788 0.036 74.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ranch Tan color name →
#C8B7A1
oklch(0.788 0.036 74.3)
Conversões de cor
- HEX
- #c8b7a1
- RGB
- rgb(200 183 161)
- HSL
- hsl(34 26% 71%)
- HWB
- hwb(34 63% 22%)
- OKLCH
- oklch(0.788 0.036 74.3)
- OKLab
- oklab(0.788 0.01 0.035)
- CIE Lab
- lab(75.43 3.62 13.54)
- LCH
- lch(75.43 14.02 75)
- CMYK
- cmyk(0% 8% 20% 22%)
Tons claros · Sombras · Tons
Tons claros
- CDBEAA
- D3C5B3
- D8CCBD
- DED3C6
- E3DBCF
- E9E2D9
- EEE9E2
- F4F0EC
- F9F8F5
Sombras
- AE9F8B
- 948776
- 7B7062
- 635A4E
- 4C453C
- 36312A
- 211E19
- 0F0C09
- 020201
Tons
- C1B19E
- B9AC9A
- B2A697
- ABA194
- A39B91
- 9C968D
- 95908A
- 8E8B87
- 878583
Harmonias de cor
Complementar +180°
- C8B7A1
Ranch Tan
- ABBCD1
≈ Sailor Boy
Análoga -30° +30°
- C8B7A1
Ranch Tan
- CFB3A7
≈ Cosmic Aura
- BDBBA1
≈ Dried Thyme
Tríade +120° +240°
- C8B7A1
Ranch Tan
- A0C2C1
≈ Aspiring Blue
- C3B3CA
≈ Purple Essence
Complementar dividida +150° +210°
- C8B7A1
Ranch Tan
- A2BFCB
≈ Frozen Tundra
- B7B7D1
≈ Madder Blue
Tétrade +90° +180° +270°
- C8B7A1
Ranch Tan
- A6C2B4
≈ Folk Tales
- ABBCD1
≈ Sailor Boy
- CCB1BF
≈ Runic Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.74:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--ranch-tan: #c8b7a1;
--ranch-tan-rgb: 200 183 161;
--ranch-tan-oklch: oklch(0.788 0.036 74.3);
}
.element {
color: var(--ranch-tan);
background-color: hsl(34 26% 71%);
border-color: oklch(0.788 0.036 74.3);
}Tailwind CSS v4
@theme {
--color-ranch-tan: #c8b7a1;
--color-ranch-tan-50: #fbf4ea;
--color-ranch-tan-100: #efe7db;
--color-ranch-tan-200: #ddd3c4;
--color-ranch-tan-300: #c2b5a3;
--color-ranch-tan-400: #ab9c87;
--color-ranch-tan-500: #95836c;
--color-ranch-tan-600: #7e6f5c;
--color-ranch-tan-700: #655949;
--color-ranch-tan-800: #4a4135;
--color-ranch-tan-900: #342d24;
--color-ranch-tan-950: #1f1a13;
}SCSS
$ranch-tan: #c8b7a1;
$ranch-tan-rgb: 200, 183, 161;
$ranch-tan-light: mix(#fff, $ranch-tan, 20%);
$ranch-tan-dark: mix(#000, $ranch-tan, 20%);
.element {
color: $ranch-tan;
box-shadow: 0 0 0 2px rgba($ranch-tan, 0.35);
}