Màu có tên gần nhất · #62576C
#62576C
Màu có tên gần nhất: Fedora
#62576C (rgb(98 87 108), hsl(271 11% 38%), oklch(0.475 0.036 308.6)) gần nhất với màu có tên Fedora. 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.
#62576C
oklch(0.475 0.036 308.6)
Chuyển đổi màu
- HEX
- #62576c
- RGB
- rgb(98 87 108)
- HSL
- hsl(271 11% 38%)
- HWB
- hwb(271 34% 58%)
- OKLCH
- oklch(0.475 0.036 308.6)
- OKLab
- oklab(0.475 0.022 -0.028)
- CIE Lab
- lab(38.65 7.96 -10.37)
- LCH
- lch(38.65 13.07 307.5)
- CMYK
- cmyk(9% 19% 0% 58%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 70667A
- 7F7688
- 8E8696
- 9E96A4
- ADA7B3
- BDB8C2
- CDC9D1
- DEDBE0
- EEEDEF
Sắc đậm
- 544B5D
- 473E4E
- 3A3340
- 2D2732
- 211C25
- 161219
- 0B080D
- 030304
- 000000
Sắc xám
- 655B6E
- 685F70
- 6B6372
- 6E6774
- 716B76
- 746F78
- 77747A
- 7A787C
- 7D7C7E
Hòa sắc
Bổ túc +180°
- 62576C
Fedora
- 56604B
≈ Grape Leaves
Tương đồng -30° +30°
- 62576C
Fedora
- 575B71
≈ Agate Violet
- 6A5563
≈ Mocha Brown
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- 62576C
Fedora
- 615D46
≈ Crushed Oregano
- 4B6355
≈ Pine Haven
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.77:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.09:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--fedora: #62576c;
--fedora-rgb: 98 87 108;
--fedora-oklch: oklch(0.475 0.036 308.6);
}
.element {
color: var(--fedora);
background-color: hsl(271 11% 38%);
border-color: oklch(0.475 0.036 308.6);
}Tailwind CSS v4
@theme {
--color-fedora: #62576c;
--color-fedora-50: #f8f2fd;
--color-fedora-100: #ece5f1;
--color-fedora-200: #d9d0e0;
--color-fedora-300: #bdb3c5;
--color-fedora-400: #a499af;
--color-fedora-500: #8d8099;
--color-fedora-600: #776c81;
--color-fedora-700: #5f5767;
--color-fedora-800: #453f4c;
--color-fedora-900: #302c35;
--color-fedora-950: #1c1920;
}SCSS
$fedora: #62576c;
$fedora-rgb: 98, 87, 108;
$fedora-light: mix(#fff, $fedora, 20%);
$fedora-dark: mix(#000, $fedora, 20%);
.element {
color: $fedora;
box-shadow: 0 0 0 2px rgba($fedora, 0.35);
}