Colore con nome più vicino · #C19161
#C19161
Colore con nome più vicino: Chalet
#C19161 (rgb(193 145 97), hsl(30 44% 57%), oklch(0.692 0.086 65.6)) è più vicino al colore con nome Chalet. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C19161
oklch(0.692 0.086 65.6)
Conversioni di colore
- HEX
- #c19161
- RGB
- rgb(193 145 97)
- HSL
- hsl(30 44% 57%)
- HWB
- hwb(30 38% 24%)
- OKLCH
- oklch(0.692 0.086 65.6)
- OKLab
- oklab(0.692 0.036 0.079)
- CIE Lab
- lab(64.07 14.46 32.79)
- LCH
- lch(64.07 35.84 66.2)
- CMYK
- cmyk(0% 25% 50% 24%)
Tinte · Ombre · Toni
Tinte
- C79C71
- CEA781
- D4B290
- DABCA0
- E1C7AF
- E7D2BF
- EDDDCF
- F3E9DF
- F9F4EF
Ombre
- A77D53
- 8F6A46
- 775839
- 5F462D
- 493521
- 342515
- 20150B
- 0E0703
- 020100
Toni
- BB8F65
- B48E69
- AE8C6C
- A78B6F
- A18973
- 9A8775
- 948678
- 8D847B
- 87827E
Armonie di colore
Complementare +180°
- C19161
Chalet
- 6EA2CE
≈ Overcast
Analogo -30° +30°
- C19161
Chalet
- CB8977
≈ Ginger Whisper
- AC9C5C
≈ Kathmandu
Triadico +120° +240°
- C19161
Chalet
- 55ADA3
≈ Dragon Bay
- A98EC7
≈ Fleur-De-Lis
Complementare divisa +150° +210°
- C19161
Chalet
- 55AABE
≈ Verditer Blue
- 8D98D2
≈ Portage
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--chalet: #c19161;
--chalet-rgb: 193 145 97;
--chalet-oklch: oklch(0.692 0.086 65.6);
}
.element {
color: var(--chalet);
background-color: hsl(30 44% 57%);
border-color: oklch(0.692 0.086 65.6);
}Tailwind CSS v4
@theme {
--color-chalet: #c19161;
--color-chalet-50: #fff1dc;
--color-chalet-100: #fce3ca;
--color-chalet-200: #eecead;
--color-chalet-300: #d6b088;
--color-chalet-400: #c29467;
--color-chalet-500: #ad7a44;
--color-chalet-600: #92673b;
--color-chalet-700: #75532f;
--color-chalet-800: #573c21;
--color-chalet-900: #3d2916;
--color-chalet-950: #261707;
}SCSS
$chalet: #c19161;
$chalet-rgb: 193, 145, 97;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}