Warna bernama terdekat · #5E7433
#5E7433
Warna bernama terdekat: Muddy Green
#5E7433 (rgb(94 116 51), hsl(80 39% 33%), oklch(0.526 0.095 125.1)) paling mendekati warna bernama Muddy Green. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#5E7433
oklch(0.526 0.095 125.1)
Konversi warna
- HEX
- #5e7433
- RGB
- rgb(94 116 51)
- HSL
- hsl(80 39% 33%)
- HWB
- hwb(80 20% 55%)
- OKLCH
- oklch(0.526 0.095 125.1)
- OKLab
- oklab(0.526 -0.054 0.077)
- CIE Lab
- lab(45.92 -16.72 32.55)
- LCH
- lch(45.92 36.59 117.2)
- CMYK
- cmyk(19% 0% 56% 55%)
Tint · Shade · Tone
Tint
- 6D8148
- 7C8F5C
- 8B9C6F
- 9BAA83
- ABB897
- BBC6AB
- CCD4C0
- DDE2D5
- EEF0EA
Shade
- 51642B
- 445423
- 37451C
- 2B3714
- 1F290D
- 141B07
- 0A0F03
- 030501
- 000100
Tone
- 61753C
- 657745
- 68784D
- 6B7955
- 6F7B5C
- 727C63
- 767D6B
- 797E72
- 7D7F79
Harmoni warna
Komplementer +180°
- 5E7433
Muddy Green
- 775C96
≈ Ghostly Purple
Analog -30° +30°
- 5E7433
Muddy Green
- 7C6A1E
≈ Tarnished Brass
- 377B52
≈ Amazon
Triadik +120° +240°
- 5E7433
Muddy Green
- 36709E
≈ Vallarta Blue
- 985263
≈ Vin Rouge
Split-komplementer +150° +210°
- 5E7433
Muddy Green
- 5B65A1
≈ Iris Bloom
- 8C5580
≈ Dynamic Magenta
Tetradik +90° +180° +270°
- 5E7433
Muddy Green
- 00788C
≈ Biscay Bay
- 775C96
≈ Ghostly Purple
- 995544
≈ American Roast
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.22:1 · APCA Lc 76
Ag
FailDi atas hitam
WCAG 4.02:1 · APCA Lc 26
Warna teks terbaik: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--muddy-green: #5e7433;
--muddy-green-rgb: 94 116 51;
--muddy-green-oklch: oklch(0.526 0.095 125.1);
}
.element {
color: var(--muddy-green);
background-color: hsl(80 39% 33%);
border-color: oklch(0.526 0.095 125.1);
}Tailwind CSS v4
@theme {
--color-muddy-green: #5e7433;
--color-muddy-green-50: #eefbde;
--color-muddy-green-100: #dfeecd;
--color-muddy-green-200: #c9dcb1;
--color-muddy-green-300: #aac18c;
--color-muddy-green-400: #91a96a;
--color-muddy-green-500: #789148;
--color-muddy-green-600: #657b3e;
--color-muddy-green-700: #516231;
--color-muddy-green-800: #3c4821;
--color-muddy-green-900: #293216;
--color-muddy-green-950: #171e07;
}SCSS
$muddy-green: #5e7433;
$muddy-green-rgb: 94, 116, 51;
$muddy-green-light: mix(#fff, $muddy-green, 20%);
$muddy-green-dark: mix(#000, $muddy-green, 20%);
.element {
color: $muddy-green;
box-shadow: 0 0 0 2px rgba($muddy-green, 0.35);
}