Colore con nome più vicino · #4C291E
#4C291E
Colore con nome più vicino: Couch
#4C291E (rgb(76 41 30), hsl(14 43% 21%), oklch(0.324 0.056 38.2)) è più vicino al colore con nome Couch. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#4C291E
oklch(0.324 0.056 38.2)
Conversioni di colore
- HEX
- #4c291e
- RGB
- rgb(76 41 30)
- HSL
- hsl(14 43% 21%)
- HWB
- hwb(14 12% 70%)
- OKLCH
- oklch(0.324 0.056 38.2)
- OKLab
- oklab(0.324 0.044 0.035)
- CIE Lab
- lab(21.12 15.81 14.6)
- LCH
- lch(21.12 21.52 42.7)
- CMYK
- cmyk(0% 46% 61% 70%)
Tinte · Ombre · Toni
Tinte
- 5D3C31
- 6E4F46
- 7F635B
- 917870
- A38D87
- B5A39E
- C7B9B5
- DAD0CD
- ECE7E6
Ombre
- 412219
- 361C13
- 2C150E
- 220F09
- 180905
- 0F0503
- 060201
- 020100
- 000000
Toni
- 523127
- 573A31
- 5C423A
- 624B44
- 67534D
- 6C5C57
- 716561
- 766E6B
- 7B7776
Armonie di colore
Complementare +180°
- 4C291E
Couch
- 043A47
≈ Ghostlands Coal
Analogo -30° +30°
- 4C291E
Couch
- 4C272E
≈ Volcano
- 462E11
≈ Stirland Mud
Triadico +120° +240°
- 4C291E
Couch
- 173C29
≈ Deep Fir
- 2D3150
≈ Blue Lobelia
Complementare divisa +150° +210°
- 4C291E
Couch
- 013D39
≈ Rich Black
- 1B364F
≈ Gibraltar Sea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.77:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.64:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.77:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--couch: #4c291e;
--couch-rgb: 76 41 30;
--couch-oklch: oklch(0.324 0.056 38.2);
}
.element {
color: var(--couch);
background-color: hsl(14 43% 21%);
border-color: oklch(0.324 0.056 38.2);
}Tailwind CSS v4
@theme {
--color-couch: #4c291e;
--color-couch-50: #fff0e9;
--color-couch-100: #f9e2da;
--color-couch-200: #eacdc3;
--color-couch-300: #d2aea2;
--color-couch-400: #bd9487;
--color-couch-500: #a77a6b;
--color-couch-600: #8d675b;
--color-couch-700: #715249;
--color-couch-800: #543c35;
--color-couch-900: #3b2924;
--color-couch-950: #241713;
}SCSS
$couch: #4c291e;
$couch-rgb: 76, 41, 30;
$couch-light: mix(#fff, $couch, 20%);
$couch-dark: mix(#000, $couch, 20%);
.element {
color: $couch;
box-shadow: 0 0 0 2px rgba($couch, 0.35);
}