Nazwany kolor · #4B5D31
Woodman
Woodman to #4B5D31: rgb(75 93 49), hsl(85 31% 28%), oklch(0.452 0.07 127.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Woodman color name →
#4B5D31
oklch(0.452 0.07 127.2)
Konwersje koloru
- HEX
- #4b5d31
- RGB
- rgb(75 93 49)
- HSL
- hsl(85 31% 28%)
- HWB
- hwb(85 19% 64%)
- OKLCH
- oklch(0.452 0.07 127.2)
- OKLab
- oklab(0.452 -0.042 0.056)
- CIE Lab
- lab(37.11 -13.4 22.81)
- LCH
- lch(37.11 26.45 120.4)
- CMYK
- cmyk(19% 0% 47% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B6C44
- 6C7B58
- 7D8B6B
- 8E9B7F
- A0AB94
- B3BBA8
- C5CCBD
- D8DDD3
- EBEEE9
Odcienie ciemniejsze
- 405029
- 354322
- 2B371A
- 212A13
- 171F0C
- 0E1406
- 060A03
- 020301
- 000000
Tony
- 506139
- 556441
- 5A6849
- 606B51
- 656F59
- 6A7261
- 707669
- 757970
- 7B7D78
Harmonie kolorów
Komplementarna +180°
- 4B5D31
Woodman
- 604B74
≈ Loganberry
Analogowa -30° +30°
- 4B5D31
Woodman
- 615624
≈ Tucumán Green
- 316146
≈ Moss Vale
Triada +120° +240°
- 4B5D31
Woodman
- 34597B
≈ Tidal Wave
- 77454F
≈ Stoic
Komplementarna rozszczepiona +150° +210°
- 4B5D31
Woodman
- 4C527C
≈ Roman Violet
- 6F4664
≈ Wizard Time
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.21:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.90:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--woodman: #4b5d31;
--woodman-rgb: 75 93 49;
--woodman-oklch: oklch(0.452 0.07 127.2);
}
.element {
color: var(--woodman);
background-color: hsl(85 31% 28%);
border-color: oklch(0.452 0.07 127.2);
}Tailwind CSS v4
@theme {
--color-woodman: #4b5d31;
--color-woodman-50: #eff9e5;
--color-woodman-100: #e1edd5;
--color-woodman-200: #cbdbbb;
--color-woodman-300: #acbf99;
--color-woodman-400: #93a77a;
--color-woodman-500: #798f5c;
--color-woodman-600: #67794e;
--color-woodman-700: #52613e;
--color-woodman-800: #3d472c;
--color-woodman-900: #2a311d;
--color-woodman-950: #171d0d;
}SCSS
$woodman: #4b5d31;
$woodman-rgb: 75, 93, 49;
$woodman-light: mix(#fff, $woodman, 20%);
$woodman-dark: mix(#000, $woodman, 20%);
.element {
color: $woodman;
box-shadow: 0 0 0 2px rgba($woodman, 0.35);
}