Màu có tên gần nhất · #5F7980
#5F7980
Màu có tên gần nhất: Catfish
#5F7980 (rgb(95 121 128), hsl(193 15% 44%), oklch(0.558 0.032 216)) gần nhất với màu có tên Catfish. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#5F7980
oklch(0.558 0.032 216)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6E868C
- 7D9298
- 8D9FA4
- 9CADB1
- ACBABE
- BCC7CA
- CDD5D7
- DDE3E4
- EEF1F2
Sắc đậm
- 52686E
- 44585D
- 38484D
- 2C393D
- 202B2E
- 151D1F
- 0A1012
- 030506
- 000101
Sắc xám
- 627A80
- 667A80
- 697B80
- 6D7C80
- 707D80
- 737D80
- 767E80
- 7A7F80
- 7D7F80
Hòa sắc
Bổ túc +180°
- 5F7980
Catfish
- 866E67
≈ Umbra Sand
Tương đồng -30° +30°
- 5F7980
Catfish
- 5F7A77
≈ Refreshing Green
- 657686
≈ Space Convoy
Bộ ba +120° +240°
- 5F7980
Catfish
- 816D7B
≈ Splendiferous
- 79745F
≈ Lapwing Grey Green
Bổ túc chia +150° +210°
- 5F7980
Catfish
- 856C71
≈ Punctuate
- 817160
≈ Mocha Latte
Bộ bốn +90° +180° +270°
- 5F7980
Catfish
- 786F83
≈ Ritual
- 866E67
≈ Umbra Sand
- 6F7863
≈ Nature Lover
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.63:1 · APCA Lc 72
Ag
AATrên nền đen
WCAG 4.53:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
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);
}