Màu có tên gần nhất · #A04A35
#A04A35
Màu có tên gần nhất: Picante
#A04A35 (rgb(160 74 53), hsl(12 50% 42%), oklch(0.515 0.12 34.9)) gần nhất với màu có tên Picante. 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.
#A04A35
oklch(0.515 0.12 34.9)
Chuyển đổi màu
- HEX
- #a04a35
- RGB
- rgb(160 74 53)
- HSL
- hsl(12 50% 42%)
- HWB
- hwb(12 21% 37%)
- OKLCH
- oklch(0.515 0.12 34.9)
- OKLab
- oklab(0.515 0.098 0.068)
- CIE Lab
- lab(42.68 35.31 30.14)
- LCH
- lch(42.68 46.43 40.5)
- CMYK
- cmyk(0% 54% 67% 37%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AB5C49
- B56E5C
- C0806F
- CA9183
- D3A397
- DCB5AB
- E6C7C0
- EEDAD4
- F7ECEA
Sắc đậm
- 8B3F2D
- 763525
- 612A1D
- 4E2015
- 3B170E
- 290E08
- 190603
- 090201
- 010000
Sắc xám
- 9E503D
- 9B5745
- 995C4D
- 966255
- 93675C
- 906C63
- 8C716B
- 897672
- 857B79
Hòa sắc
Bổ túc +180°
- A04A35
Picante
- 007488
≈ Glamour Green
Tương đồng -30° +30°
- A04A35
Picante
- 9E465E
≈ Baby Berries
- 945700
≈ Charlie Brown
Bộ ba +120° +240°
- A04A35
Picante
- 167B48
≈ Woodland Soul
- 5460AB
≈ Submarine Base
Bổ túc chia +150° +210°
- A04A35
Picante
- 00786E
≈ Pond Moss
- 176CA7
≈ Bowen Blue
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 5.95:1 · APCA Lc 79
Ag
FailTrên nền đen
WCAG 3.52:1 · APCA Lc 23
Màu chữ tốt nhất: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--picante: #a04a35;
--picante-rgb: 160 74 53;
--picante-oklch: oklch(0.515 0.12 34.9);
}
.element {
color: var(--picante);
background-color: hsl(12 50% 42%);
border-color: oklch(0.515 0.12 34.9);
}Tailwind CSS v4
@theme {
--color-picante: #a04a35;
--color-picante-50: #ffeadd;
--color-picante-100: #ffdbcc;
--color-picante-200: #ffc3b0;
--color-picante-300: #eda28c;
--color-picante-400: #db846d;
--color-picante-500: #c8654d;
--color-picante-600: #a95642;
--color-picante-700: #884534;
--color-picante-800: #653126;
--color-picante-900: #47211a;
--color-picante-950: #2e100a;
}SCSS
$picante: #a04a35;
$picante-rgb: 160, 74, 53;
$picante-light: mix(#fff, $picante, 20%);
$picante-dark: mix(#000, $picante, 20%);
.element {
color: $picante;
box-shadow: 0 0 0 2px rgba($picante, 0.35);
}