Nazwany kolor · #5B8D6B
Murdoch
Murdoch to #5B8D6B: rgb(91 141 107), hsl(139 22% 45%), oklch(0.598 0.075 153.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Murdoch color name →
#5B8D6B
oklch(0.598 0.075 153.9)
Konwersje koloru
- HEX
- #5b8d6b
- RGB
- rgb(91 141 107)
- HSL
- hsl(139 22% 45%)
- HWB
- hwb(139 36% 45%)
- OKLCH
- oklch(0.598 0.075 153.9)
- OKLab
- oklab(0.598 -0.067 0.033)
- CIE Lab
- lab(54.36 -23.32 12.65)
- LCH
- lch(54.36 26.53 151.5)
- CMYK
- cmyk(35% 0% 24% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6B9879
- 7BA387
- 8BAE95
- 9BBAA4
- ACC5B3
- BCD0C1
- CDDCD1
- DDE8E0
- EEF3EF
Odcienie ciemniejsze
- 4E7A5C
- 41674E
- 35553F
- 294432
- 1E3325
- 132318
- 09140D
- 030704
- 000100
Tony
- 5F8C6D
- 648B6F
- 688972
- 6B8874
- 6F8776
- 738678
- 76847A
- 7A837C
- 7D817E
Harmonie kolorów
Komplementarna +180°
- 5B8D6B
Murdoch
- 9B6F92
≈ Flowering Raspberry
Analogowa -30° +30°
- 5B8D6B
Murdoch
- 768755
≈ Snip of Parsley
- 458E84
≈ Royal Palm
Triada +120° +240°
- 5B8D6B
Murdoch
- 717DAD
≈ Bright Zenith
- A76F62
≈ Blast-Off Bronze
Komplementarna rozszczepiona +150° +210°
- 5B8D6B
Murdoch
- 8975A4
≈ Smashed Grape
- A66D7A
≈ Black Elder
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.84:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.46:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--murdoch: #5b8d6b;
--murdoch-rgb: 91 141 107;
--murdoch-oklch: oklch(0.598 0.075 153.9);
}
.element {
color: var(--murdoch);
background-color: hsl(139 22% 45%);
border-color: oklch(0.598 0.075 153.9);
}Tailwind CSS v4
@theme {
--color-murdoch: #5b8d6b;
--color-murdoch-50: #e5fcec;
--color-murdoch-100: #d5f0de;
--color-murdoch-200: #bcdec7;
--color-murdoch-300: #99c3a7;
--color-murdoch-400: #7cac8a;
--color-murdoch-500: #5d956f;
--color-murdoch-600: #4f7e5e;
--color-murdoch-700: #3f654b;
--color-murdoch-800: #2e4a35;
--color-murdoch-900: #1f3324;
--color-murdoch-950: #0f1f13;
}SCSS
$murdoch: #5b8d6b;
$murdoch-rgb: 91, 141, 107;
$murdoch-light: mix(#fff, $murdoch, 20%);
$murdoch-dark: mix(#000, $murdoch, 20%);
.element {
color: $murdoch;
box-shadow: 0 0 0 2px rgba($murdoch, 0.35);
}