Adlandırılmış renk · #586683
Enduring
Enduring, #586683: rgb(88 102 131), hsl(220 20% 43%), oklch(0.51 0.049 264.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Enduring color name →
#586683
oklch(0.51 0.049 264.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 67748F
- 77839B
- 8791A7
- 97A0B3
- A8B0C0
- B9BFCC
- CACFD9
- DBDFE5
- EDEFF2
Koyu tonlar
- 4B5871
- 3F4A60
- 333C4F
- 282F3F
- 1D232F
- 121720
- 090C12
- 030406
- 000001
Gri tonlar
- 5C6983
- 606B83
- 646E82
- 687182
- 6C7382
- 707682
- 747881
- 787B81
- 7C7D80
Renk uyumları
Tamamlayıcı +180°
- 586683
Enduring
- 736445
≈ Russian Olive
Analog -30° +30°
- 586683
Enduring
- 4A6B7E
≈ Eames for Blue
- 686180
≈ Purple Gumball
Üçlü +120° +240°
- 586683
Enduring
- 805B58
≈ Musk Deer
- 556E55
≈ Green Bayou
Bölünmüş tamamlayıcı +150° +210°
- 586683
Enduring
- 7D5F4B
≈ Rich Walnut
- 656A49
≈ Bancha
Dörtlü +90° +180° +270°
- 586683
Enduring
- 7D5A68
≈ Royal Fig
- 736445
≈ Russian Olive
- 477064
≈ Cormorant
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.76:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.64:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}