Cor nomeada mais próxima · #C9B296
#C9B296
Cor nomeada mais próxima: Tender Taupe
#C9B296 (rgb(201 178 150), hsl(33 32% 69%), oklch(0.776 0.047 72.5)) é mais próxima da cor nomeada Tender Taupe. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C9B296
oklch(0.776 0.047 72.5)
Conversões de cor
- HEX
- #c9b296
- RGB
- rgb(201 178 150)
- HSL
- hsl(33 32% 69%)
- HWB
- hwb(33 59% 21%)
- OKLCH
- oklch(0.776 0.047 72.5)
- OKLab
- oklab(0.776 0.014 0.044)
- CIE Lab
- lab(74.04 5.35 17.56)
- LCH
- lch(74.04 18.36 73.1)
- CMYK
- cmyk(0% 11% 25% 21%)
Tons claros · Sombras · Tons
Tons claros
- CEBAA0
- D4C1AB
- D9C9B5
- DFD0BF
- E4D8CA
- E9E0D4
- EFE8DF
- F4EFEA
- FAF7F4
Sombras
- AE9A82
- 95836E
- 7C6D5B
- 645749
- 4C4337
- 362F26
- 221D16
- 0F0C08
- 020101
Tons
- C1AD94
- BAA892
- B3A390
- AB9E8E
- A4998B
- 9D9489
- 958F87
- 8E8A85
- 878582
Harmonias de cor
Complementar +180°
- C9B296
Tender Taupe
- A1B9D4
≈ Sky Pilot
Análoga -30° +30°
- C9B296
Tender Taupe
- D1AD9F
≈ Rose Smoke
- BBB896
≈ Bog
Tríade +120° +240°
- C9B296
Tender Taupe
- 94C0BE
≈ Chinese Tzu
- C0AECC
≈ Grape’s Treasure
Complementar dividida +150° +210°
- C9B296
Tender Taupe
- 96BDCC
≈ Reef Blue
- B1B3D4
≈ Freesia Purple
Tétrade +90° +180° +270°
- C9B296
Tender Taupe
- 9CC0AD
≈ Spring Reflection
- A1B9D4
≈ Sky Pilot
- CCABBE
≈ Winsome Orchid
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.29:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--tender-taupe: #c9b296;
--tender-taupe-rgb: 201 178 150;
--tender-taupe-oklch: oklch(0.776 0.047 72.5);
}
.element {
color: var(--tender-taupe);
background-color: hsl(33 32% 69%);
border-color: oklch(0.776 0.047 72.5);
}Tailwind CSS v4
@theme {
--color-tender-taupe: #c9b296;
--color-tender-taupe-50: #fdf4e7;
--color-tender-taupe-100: #f1e6d7;
--color-tender-taupe-200: #e0d2bf;
--color-tender-taupe-300: #c6b49e;
--color-tender-taupe-400: #b09b81;
--color-tender-taupe-500: #9a8264;
--color-tender-taupe-600: #826e55;
--color-tender-taupe-700: #685844;
--color-tender-taupe-800: #4d4031;
--color-tender-taupe-900: #352c21;
--color-tender-taupe-950: #211910;
}SCSS
$tender-taupe: #c9b296;
$tender-taupe-rgb: 201, 178, 150;
$tender-taupe-light: mix(#fff, $tender-taupe, 20%);
$tender-taupe-dark: mix(#000, $tender-taupe, 20%);
.element {
color: $tender-taupe;
box-shadow: 0 0 0 2px rgba($tender-taupe, 0.35);
}