Nazwany kolor · #6586A5
Moody Indigo
Moody Indigo to #6586A5: rgb(101 134 165), hsl(209 26% 52%), oklch(0.607 0.06 247.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Moody Indigo color name →
#6586A5
oklch(0.607 0.06 247.3)
Konwersje koloru
- HEX
- #6586a5
- RGB
- rgb(101 134 165)
- HSL
- hsl(209 26% 52%)
- HWB
- hwb(209 40% 35%)
- OKLCH
- oklch(0.607 0.06 247.3)
- OKLab
- oklab(0.607 -0.023 -0.056)
- CIE Lab
- lab(54.31 -5.91 -20.51)
- LCH
- lch(54.31 21.34 253.9)
- CMYK
- cmyk(39% 19% 0% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7492AE
- 839DB7
- 91A9C0
- A1B5C9
- B0C1D2
- BFCDDB
- CFDAE4
- DFE6ED
- EFF2F6
Odcienie ciemniejsze
- 57748F
- 496279
- 3C5165
- 2F4051
- 22303D
- 17212B
- 0C131A
- 03060A
- 000101
Tony
- 6886A1
- 6B859E
- 6E849A
- 718496
- 738393
- 76838F
- 78828B
- 7B8188
- 7E8184
Harmonie kolorów
Komplementarna +180°
- 6586A5
Moody Indigo
- 9B7C5B
≈ Westminster
Analogowa -30° +30°
- 6586A5
Moody Indigo
- 578B9A
≈ Stratford Blue
- 797FA7
≈ Roseine Plum
Triada +120° +240°
- 6586A5
Moody Indigo
- A2737C
≈ Nostalgia Rose
- 788962
≈ Green Relict
Komplementarna rozszczepiona +150° +210°
- 6586A5
Moody Indigo
- A37669
≈ Equestrienne
- 8C8358
≈ Mountain Olive
Tetrada +90° +180° +270°
- 6586A5
Moody Indigo
- 9A758F
≈ Hidden Mask
- 9B7C5B
≈ Westminster
- 648E74
≈ Slate Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.81:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.50:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--moody-indigo: #6586a5;
--moody-indigo-rgb: 101 134 165;
--moody-indigo-oklch: oklch(0.607 0.06 247.3);
}
.element {
color: var(--moody-indigo);
background-color: hsl(209 26% 52%);
border-color: oklch(0.607 0.06 247.3);
}Tailwind CSS v4
@theme {
--color-moody-indigo: #6586a5;
--color-moody-indigo-50: #e8f7ff;
--color-moody-indigo-100: #d9eafc;
--color-moody-indigo-200: #c1d7ee;
--color-moody-indigo-300: #a0bbd6;
--color-moody-indigo-400: #82a2c1;
--color-moody-indigo-500: #668aad;
--color-moody-indigo-600: #567592;
--color-moody-indigo-700: #455e75;
--color-moody-indigo-800: #314556;
--color-moody-indigo-900: #21303c;
--color-moody-indigo-950: #101c26;
}SCSS
$moody-indigo: #6586a5;
$moody-indigo-rgb: 101, 134, 165;
$moody-indigo-light: mix(#fff, $moody-indigo, 20%);
$moody-indigo-dark: mix(#000, $moody-indigo, 20%);
.element {
color: $moody-indigo;
box-shadow: 0 0 0 2px rgba($moody-indigo, 0.35);
}