Nazwany kolor · #586E75
Moody Blues
Moody Blues to #586E75: rgb(88 110 117), hsl(194 14% 40%), oklch(0.523 0.028 219.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Moody Blues color name →
#586E75
oklch(0.523 0.028 219.1)
Konwersje koloru
- HEX
- #586e75
- RGB
- rgb(88 110 117)
- HSL
- hsl(194 14% 40%)
- HWB
- hwb(194 35% 54%)
- OKLCH
- oklch(0.523 0.028 219.1)
- OKLab
- oklab(0.523 -0.022 -0.018)
- CIE Lab
- lab(44.84 -7.14 -6.75)
- LCH
- lch(44.84 9.83 223.4)
- CMYK
- cmyk(25% 6% 0% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 677B82
- 77898F
- 87979C
- 98A5AA
- A8B4B8
- B9C3C6
- CAD1D4
- DCE0E2
- EDF0F0
Odcienie ciemniejsze
- 4B5F65
- 3F5055
- 334146
- 283337
- 1D2629
- 12191C
- 090E0F
- 030405
- 000101
Tony
- 5C7076
- 607277
- 647378
- 687579
- 6C777B
- 70797C
- 747B7D
- 787C7E
- 7C7E7F
Harmonie kolorów
Komplementarna +180°
- 586E75
Moody Blues
- 79655E
≈ Bold Brandy
Analogowa -30° +30°
- 586E75
Moody Blues
- 586F6D
≈ Agave Frond
- 5E6B7A
≈ Press Agent
Triada +120° +240°
- 586E75
Moody Blues
- 75646F
≈ Burnt Ash
- 6E6A58
≈ Aged Jade
Komplementarna rozszczepiona +150° +210°
- 586E75
Moody Blues
- 796366
≈ Pretty Puce
- 756758
≈ Landmark Brown
Tetrada +90° +180° +270°
- 586E75
Moody Blues
- 6F6676
≈ Rum
- 79655E
≈ Bold Brandy
- 656D5C
≈ Wimbledon
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.38:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.90:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.38:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--moody-blues: #586e75;
--moody-blues-rgb: 88 110 117;
--moody-blues-oklch: oklch(0.523 0.028 219.1);
}
.element {
color: var(--moody-blues);
background-color: hsl(194 14% 40%);
border-color: oklch(0.523 0.028 219.1);
}Tailwind CSS v4
@theme {
--color-moody-blues: #586e75;
--color-moody-blues-50: #edf7fb;
--color-moody-blues-100: #deeaef;
--color-moody-blues-200: #c8d7dd;
--color-moody-blues-300: #a8bbc2;
--color-moody-blues-400: #8da3aa;
--color-moody-blues-500: #728b93;
--color-moody-blues-600: #61767c;
--color-moody-blues-700: #4d5e64;
--color-moody-blues-800: #384549;
--color-moody-blues-900: #263032;
--color-moody-blues-950: #141c1e;
}SCSS
$moody-blues: #586e75;
$moody-blues-rgb: 88, 110, 117;
$moody-blues-light: mix(#fff, $moody-blues, 20%);
$moody-blues-dark: mix(#000, $moody-blues, 20%);
.element {
color: $moody-blues;
box-shadow: 0 0 0 2px rgba($moody-blues, 0.35);
}