Nazwany kolor · #9D4542
Lumberjack
Lumberjack to #9D4542: rgb(157 69 66), hsl(2 41% 44%), oklch(0.505 0.118 24.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Lumberjack color name →
#9D4542
oklch(0.505 0.118 24.2)
Konwersje koloru
- HEX
- #9d4542
- RGB
- rgb(157 69 66)
- HSL
- hsl(2 41% 44%)
- HWB
- hwb(2 26% 38%)
- OKLCH
- oklch(0.505 0.118 24.2)
- OKLab
- oklab(0.505 0.108 0.048)
- CIE Lab
- lab(41.37 37.26 20.69)
- LCH
- lch(41.37 42.62 29)
- CMYK
- cmyk(0% 56% 58% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A85853
- B36A65
- BE7C77
- C88E8A
- D2A19C
- DBB3AF
- E5C6C3
- EED9D7
- F7ECEB
Odcienie ciemniejsze
- 883B38
- 73312F
- 5F2725
- 4C1E1C
- 3A1514
- 280C0B
- 180505
- 090201
- 010000
Tony
- 9B4C48
- 99534F
- 975955
- 955F5B
- 926561
- 8F6A67
- 8C706E
- 887574
- 847B7A
Harmonie kolorów
Komplementarna +180°
- 9D4542
Lumberjack
- 00727B
≈ Scurf Green
Analogowa -30° +30°
- 9D4542
Lumberjack
- 974469
≈ Satsuma Imo Red
- 974E11
≈ Burnt Bagel
Triada +120° +240°
- 9D4542
Lumberjack
- 337535
≈ Japanese Laurel
- 4161A8
≈ Kakitsubata Blue
Komplementarna rozszczepiona +150° +210°
- 9D4542
Lumberjack
- 007661
≈ Tropical Rainforest
- 006D98
≈ Disarm
Tetrada +90° +180° +270°
- 9D4542
Lumberjack
- 646B00
≈ Brownish Green
- 00727B
≈ Scurf Green
- 6955A1
≈ Prophet Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.24:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.36:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--lumberjack: #9d4542;
--lumberjack-rgb: 157 69 66;
--lumberjack-oklch: oklch(0.505 0.118 24.2);
}
.element {
color: var(--lumberjack);
background-color: hsl(2 41% 44%);
border-color: oklch(0.505 0.118 24.2);
}Tailwind CSS v4
@theme {
--color-lumberjack: #9d4542;
--color-lumberjack-50: #ffe9e4;
--color-lumberjack-100: #ffdad3;
--color-lumberjack-200: #ffc1ba;
--color-lumberjack-300: #eea098;
--color-lumberjack-400: #dc817c;
--color-lumberjack-500: #c9635f;
--color-lumberjack-600: #a95450;
--color-lumberjack-700: #884340;
--color-lumberjack-800: #65302f;
--color-lumberjack-900: #472120;
--color-lumberjack-950: #2e1010;
}SCSS
$lumberjack: #9d4542;
$lumberjack-rgb: 157, 69, 66;
$lumberjack-light: mix(#fff, $lumberjack, 20%);
$lumberjack-dark: mix(#000, $lumberjack, 20%);
.element {
color: $lumberjack;
box-shadow: 0 0 0 2px rgba($lumberjack, 0.35);
}