Màu có tên gần nhất · #A94D26
#A94D26
Màu có tên gần nhất: Garfield
#A94D26 (rgb(169 77 38), hsl(18 63% 41%), oklch(0.531 0.132 41.9)) gần nhất với màu có tên Garfield. 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.
#A94D26
oklch(0.531 0.132 41.9)
Chuyển đổi màu
- HEX
- #a94d26
- RGB
- rgb(169 77 38)
- HSL
- hsl(18 63% 41%)
- HWB
- hwb(18 15% 34%)
- OKLCH
- oklch(0.531 0.132 41.9)
- OKLab
- oklab(0.531 0.098 0.088)
- CIE Lab
- lab(44.61 36.85 40.87)
- LCH
- lch(44.61 55.03 48)
- CMYK
- cmyk(0% 54% 78% 34%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B35F3E
- BD7153
- C68368
- CF947D
- D8A692
- E0B7A7
- E9C9BD
- F0DBD3
- F8EDE9
Sắc đậm
- 924220
- 7C3719
- 672C13
- 53220D
- 3F1808
- 2C0F04
- 1B0702
- 0A0201
- 010000
Sắc xám
- A65332
- A3593C
- 9F5F46
- 9C644F
- 986957
- 946E60
- 8F7368
- 8B7770
- 857C78
Hòa sắc
Bổ túc +180°
- A94D26
Garfield
- 007894
≈ Celestial
Tương đồng -30° +30°
- A94D26
Garfield
- AA4658
≈ Pink Quince
- 945F00
≈ Raw Sienna
Bộ ba +120° +240°
- A94D26
Garfield
- 008057
≈ Irish Beauty
- 6160B6
≈ Blue Marguerite
Bổ túc chia +150° +210°
- A94D26
Garfield
- 007C7A
≈ Navajo Turquoise
- 276EB5
≈ Beautiful Blue
Bộ bốn +90° +180° +270°
- A94D26
Garfield
- 4E7B1C
≈ Master Chief
- 007894
≈ Celestial
- 8552A3
≈ Royal Lilac
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.56:1 · APCA Lc 77
Ag
FailTrên nền đen
WCAG 3.77:1 · APCA Lc 25
Màu chữ tốt nhất: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--garfield: #a94d26;
--garfield-rgb: 169 77 38;
--garfield-oklch: oklch(0.531 0.132 41.9);
}
.element {
color: var(--garfield);
background-color: hsl(18 63% 41%);
border-color: oklch(0.531 0.132 41.9);
}Tailwind CSS v4
@theme {
--color-garfield: #a94d26;
--color-garfield-50: #ffead7;
--color-garfield-100: #ffdbc5;
--color-garfield-200: #ffc3a7;
--color-garfield-300: #f0a17f;
--color-garfield-400: #df825e;
--color-garfield-500: #cc6438;
--color-garfield-600: #ad5531;
--color-garfield-700: #8b4427;
--color-garfield-800: #68301c;
--color-garfield-900: #492112;
--color-garfield-950: #2f1005;
}SCSS
$garfield: #a94d26;
$garfield-rgb: 169, 77, 38;
$garfield-light: mix(#fff, $garfield, 20%);
$garfield-dark: mix(#000, $garfield, 20%);
.element {
color: $garfield;
box-shadow: 0 0 0 2px rgba($garfield, 0.35);
}