En yakın adlandırılmış renk · #5F7980
#5F7980
En yakın adlandırılmış renk: Catfish
#5F7980 (rgb(95 121 128), hsl(193 15% 44%), oklch(0.558 0.032 216)) en çok Catfish adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5F7980
oklch(0.558 0.032 216)
Renk dönüşümleri
- HEX
- #5f7980
- RGB
- rgb(95 121 128)
- HSL
- hsl(193 15% 44%)
- HWB
- hwb(193 37% 50%)
- OKLCH
- oklch(0.558 0.032 216)
- OKLab
- oklab(0.558 -0.026 -0.019)
- CIE Lab
- lab(48.96 -8.48 -7.11)
- LCH
- lch(48.96 11.07 220)
- CMYK
- cmyk(26% 5% 0% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E868C
- 7D9298
- 8D9FA4
- 9CADB1
- ACBABE
- BCC7CA
- CDD5D7
- DDE3E4
- EEF1F2
Koyu tonlar
- 52686E
- 44585D
- 38484D
- 2C393D
- 202B2E
- 151D1F
- 0A1012
- 030506
- 000101
Gri tonlar
- 627A80
- 667A80
- 697B80
- 6D7C80
- 707D80
- 737D80
- 767E80
- 7A7F80
- 7D7F80
Renk uyumları
Tamamlayıcı +180°
- 5F7980
Catfish
- 866E67
≈ Umbra Sand
Analog -30° +30°
- 5F7980
Catfish
- 5F7A77
≈ Refreshing Green
- 657686
≈ Space Convoy
Üçlü +120° +240°
- 5F7980
Catfish
- 816D7B
≈ Splendiferous
- 79745F
≈ Lapwing Grey Green
Bölünmüş tamamlayıcı +150° +210°
- 5F7980
Catfish
- 856C71
≈ Punctuate
- 817160
≈ Mocha Latte
Dörtlü +90° +180° +270°
- 5F7980
Catfish
- 786F83
≈ Ritual
- 866E67
≈ Umbra Sand
- 6F7863
≈ Nature Lover
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.53:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--catfish: #5f7980;
--catfish-rgb: 95 121 128;
--catfish-oklch: oklch(0.558 0.032 216);
}
.element {
color: var(--catfish);
background-color: hsl(193 15% 44%);
border-color: oklch(0.558 0.032 216);
}Tailwind CSS v4
@theme {
--color-catfish: #5f7980;
--color-catfish-50: #ecf8fb;
--color-catfish-100: #ddebef;
--color-catfish-200: #c6d8dd;
--color-catfish-300: #a6bcc2;
--color-catfish-400: #8aa4ab;
--color-catfish-500: #6f8c94;
--color-catfish-600: #5e767d;
--color-catfish-700: #4b5f64;
--color-catfish-800: #364549;
--color-catfish-900: #253033;
--color-catfish-950: #131c1e;
}SCSS
$catfish: #5f7980;
$catfish-rgb: 95, 121, 128;
$catfish-light: mix(#fff, $catfish, 20%);
$catfish-dark: mix(#000, $catfish, 20%);
.element {
color: $catfish;
box-shadow: 0 0 0 2px rgba($catfish, 0.35);
}