Nazwany kolor · #4E2A20
Couch
Couch to #4E2A20: rgb(78 42 32), hsl(13 42% 22%), oklch(0.329 0.057 36.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Couch color name →
#4E2A20
oklch(0.329 0.057 36.4)
Konwersje koloru
- HEX
- #4e2a20
- RGB
- rgb(78 42 32)
- HSL
- hsl(13 42% 22%)
- HWB
- hwb(13 13% 69%)
- OKLCH
- oklch(0.329 0.057 36.4)
- OKLab
- oklab(0.329 0.046 0.034)
- CIE Lab
- lab(21.74 16.3 14.13)
- LCH
- lch(21.74 21.57 40.9)
- CMYK
- cmyk(0% 46% 59% 69%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5F3D33
- 705047
- 81645C
- 927971
- A48E88
- B6A49E
- C8BAB6
- DAD0CE
- ECE7E6
Odcienie ciemniejsze
- 43231A
- 381C15
- 2D160F
- 23100A
- 190A06
- 0F0503
- 070201
- 020100
- 000000
Tony
- 533229
- 593B32
- 5E433B
- 634B45
- 68544E
- 6D5D58
- 726562
- 776E6C
- 7B7776
Harmonie kolorów
Komplementarna +180°
- 4E2A20
Couch
- 033C48
≈ Ghostlands Coal
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 4E2A20
Couch
- 023E3A
≈ Rich Black
- 1A3851
≈ Gibraltar Sea
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.52:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.67:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.52:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--couch: #4e2a20;
--couch-rgb: 78 42 32;
--couch-oklch: oklch(0.329 0.057 36.4);
}
.element {
color: var(--couch);
background-color: hsl(13 42% 22%);
border-color: oklch(0.329 0.057 36.4);
}Tailwind CSS v4
@theme {
--color-couch: #4e2a20;
--color-couch-50: #fff0ea;
--color-couch-100: #fae2da;
--color-couch-200: #ebcdc3;
--color-couch-300: #d2aea3;
--color-couch-400: #bd9387;
--color-couch-500: #a8796c;
--color-couch-600: #8e675c;
--color-couch-700: #725249;
--color-couch-800: #543b35;
--color-couch-900: #3b2924;
--color-couch-950: #251713;
}SCSS
$couch: #4e2a20;
$couch-rgb: 78, 42, 32;
$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);
}