Adlandırılmış renk · #586D77
West Winds
West Winds, #586D77: rgb(88 109 119), hsl(199 15% 41%), oklch(0.521 0.03 228.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · West Winds color name →
#586D77
oklch(0.521 0.03 228.4)
Renk dönüşümleri
- HEX
- #586d77
- RGB
- rgb(88 109 119)
- HSL
- hsl(199 15% 41%)
- HWB
- hwb(199 35% 53%)
- OKLCH
- oklch(0.521 0.03 228.4)
- OKLab
- oklab(0.521 -0.02 -0.022)
- CIE Lab
- lab(44.59 -6.22 -8.31)
- LCH
- lch(44.59 10.38 233.2)
- CMYK
- cmyk(26% 8% 0% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 677B84
- 778891
- 87969E
- 98A5AB
- A8B3B9
- B9C2C7
- CAD1D4
- DCE0E2
- EDEFF1
Koyu tonlar
- 4B5E67
- 3F4F57
- 334147
- 283338
- 1D262A
- 12191C
- 090D10
- 030405
- 000101
Gri tonlar
- 5C6F78
- 607179
- 64737A
- 68757B
- 6C777C
- 70787C
- 747A7D
- 787C7E
- 7C7E7F
Renk uyumları
Tamamlayıcı +180°
- 586D77
West Winds
- 78655B
≈ Ranch House
Analog -30° +30°
- 586D77
West Winds
- 566F70
≈ Juniper Berries
- 5F6A7B
≈ Spinning Blue
Üçlü +120° +240°
- 586D77
West Winds
- 77636C
≈ Chimaera
- 6A6B57
≈ All About Olive
Bölünmüş tamamlayıcı +150° +210°
- 586D77
West Winds
- 7A6363
≈ Pretty Puce
- 736856
≈ Landmark
Dörtlü +90° +180° +270°
- 586D77
West Winds
- 716475
≈ Rum
- 78655B
≈ Ranch House
- 616E5D
≈ Wimbledon
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.42:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.86:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.42:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--west-winds: #586d77;
--west-winds-rgb: 88 109 119;
--west-winds-oklch: oklch(0.521 0.03 228.4);
}
.element {
color: var(--west-winds);
background-color: hsl(199 15% 41%);
border-color: oklch(0.521 0.03 228.4);
}Tailwind CSS v4
@theme {
--color-west-winds: #586d77;
--color-west-winds-50: #edf7fc;
--color-west-winds-100: #deeaf0;
--color-west-winds-200: #c8d7df;
--color-west-winds-300: #a9bbc4;
--color-west-winds-400: #8da2ac;
--color-west-winds-500: #728a96;
--color-west-winds-600: #61757f;
--color-west-winds-700: #4d5e65;
--color-west-winds-800: #38454a;
--color-west-winds-900: #262f34;
--color-west-winds-950: #151c1f;
}SCSS
$west-winds: #586d77;
$west-winds-rgb: 88, 109, 119;
$west-winds-light: mix(#fff, $west-winds, 20%);
$west-winds-dark: mix(#000, $west-winds, 20%);
.element {
color: $west-winds;
box-shadow: 0 0 0 2px rgba($west-winds, 0.35);
}