Colore con nome · #B39C89
Rich Taupe
Rich Taupe è #B39C89: rgb(179 156 137), hsl(27 22% 62%), oklch(0.708 0.038 61.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rich Taupe color name →
#B39C89
oklch(0.708 0.038 61.7)
Conversioni di colore
- HEX
- #b39c89
- RGB
- rgb(179 156 137)
- HSL
- hsl(27 22% 62%)
- HWB
- hwb(27 54% 30%)
- OKLCH
- oklch(0.708 0.038 61.7)
- OKLab
- oklab(0.708 0.018 0.034)
- CIE Lab
- lab(66.04 6.53 13.28)
- LCH
- lch(66.04 14.8 63.8)
- CMYK
- cmyk(0% 13% 23% 30%)
Tinte · Ombre · Toni
Tinte
- BAA694
- C2AFA0
- CAB9AB
- D1C3B7
- D9CDC3
- E0D6CF
- E8E0DA
- F0EBE7
- F7F5F3
Ombre
- 9B8776
- 847364
- 6E5F53
- 584C42
- 433931
- 2F2822
- 1D1814
- 0C0907
- 010101
Toni
- AE9988
- A99687
- A49487
- 9E9186
- 998E85
- 948B84
- 8F8883
- 8A8682
- 858381
Armonie di colore
Complementare +180°
- B39C89
Rich Taupe
- 8CA4B7
≈ Cats and Dogs
Analogo -30° +30°
- B39C89
Rich Taupe
- B89992
≈ Creamed Caramel
- A9A186
≈ Northgate Green
Triadico +120° +240°
- B39C89
Rich Taupe
- 87A9A2
≈ Lake Water
- A59CB5
≈ Royal Mile
Complementare divisa +150° +210°
- B39C89
Rich Taupe
- 86A8AF
≈ Stormy Waters
- 98A0BA
≈ Silver Star
Tetradico +90° +180° +270°
- B39C89
Rich Taupe
- 90A895
≈ Peaslake
- 8CA4B7
≈ Cats and Dogs
- B099AC
≈ Lilac Lustre
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.61:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.03:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--rich-taupe: #b39c89;
--rich-taupe-rgb: 179 156 137;
--rich-taupe-oklch: oklch(0.708 0.038 61.7);
}
.element {
color: var(--rich-taupe);
background-color: hsl(27 22% 62%);
border-color: oklch(0.708 0.038 61.7);
}Tailwind CSS v4
@theme {
--color-rich-taupe: #b39c89;
--color-rich-taupe-50: #fdf3ea;
--color-rich-taupe-100: #f1e5db;
--color-rich-taupe-200: #e0d1c4;
--color-rich-taupe-300: #c6b4a4;
--color-rich-taupe-400: #b09a88;
--color-rich-taupe-500: #99816d;
--color-rich-taupe-600: #826d5c;
--color-rich-taupe-700: #685749;
--color-rich-taupe-800: #4d3f35;
--color-rich-taupe-900: #352c24;
--color-rich-taupe-950: #201913;
}SCSS
$rich-taupe: #b39c89;
$rich-taupe-rgb: 179, 156, 137;
$rich-taupe-light: mix(#fff, $rich-taupe, 20%);
$rich-taupe-dark: mix(#000, $rich-taupe, 20%);
.element {
color: $rich-taupe;
box-shadow: 0 0 0 2px rgba($rich-taupe, 0.35);
}