Nazwany kolor · #586683
Enduring
Enduring to #586683: rgb(88 102 131), hsl(220 20% 43%), oklch(0.51 0.049 264.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Enduring color name →
#586683
oklch(0.51 0.049 264.6)
Konwersje koloru
- HEX
- #586683
- RGB
- rgb(88 102 131)
- HSL
- hsl(220 20% 43%)
- HWB
- hwb(220 35% 49%)
- OKLCH
- oklch(0.51 0.049 264.6)
- OKLab
- oklab(0.51 -0.005 -0.049)
- CIE Lab
- lab(42.87 0.1 -18.07)
- LCH
- lch(42.87 18.07 270.3)
- CMYK
- cmyk(33% 22% 0% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 67748F
- 77839B
- 8791A7
- 97A0B3
- A8B0C0
- B9BFCC
- CACFD9
- DBDFE5
- EDEFF2
Odcienie ciemniejsze
- 4B5871
- 3F4A60
- 333C4F
- 282F3F
- 1D232F
- 121720
- 090C12
- 030406
- 000001
Tony
- 5C6983
- 606B83
- 646E82
- 687182
- 6C7382
- 707682
- 747881
- 787B81
- 7C7D80
Harmonie kolorów
Komplementarna +180°
- 586683
Enduring
- 736445
≈ Russian Olive
Analogowa -30° +30°
- 586683
Enduring
- 4A6B7E
≈ Eames for Blue
- 686180
≈ Purple Gumball
Triada +120° +240°
- 586683
Enduring
- 805B58
≈ Musk Deer
- 556E55
≈ Green Bayou
Komplementarna rozszczepiona +150° +210°
- 586683
Enduring
- 7D5F4B
≈ Rich Walnut
- 656A49
≈ Bancha
Tetrada +90° +180° +270°
- 586683
Enduring
- 7D5A68
≈ Royal Fig
- 736445
≈ Russian Olive
- 477064
≈ Cormorant
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.76:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--enduring: #586683;
--enduring-rgb: 88 102 131;
--enduring-oklch: oklch(0.51 0.049 264.6);
}
.element {
color: var(--enduring);
background-color: hsl(220 20% 43%);
border-color: oklch(0.51 0.049 264.6);
}Tailwind CSS v4
@theme {
--color-enduring: #586683;
--color-enduring-50: #eff5ff;
--color-enduring-100: #e0e8f9;
--color-enduring-200: #cbd4ea;
--color-enduring-300: #acb7d2;
--color-enduring-400: #909fbc;
--color-enduring-500: #7686a8;
--color-enduring-600: #64728e;
--color-enduring-700: #505b72;
--color-enduring-800: #394354;
--color-enduring-900: #272e3a;
--color-enduring-950: #151b25;
}SCSS
$enduring: #586683;
$enduring-rgb: 88, 102, 131;
$enduring-light: mix(#fff, $enduring, 20%);
$enduring-dark: mix(#000, $enduring, 20%);
.element {
color: $enduring;
box-shadow: 0 0 0 2px rgba($enduring, 0.35);
}