En yakın adlandırılmış renk · #A04A35
#A04A35
En yakın adlandırılmış renk: Picante
#A04A35 (rgb(160 74 53), hsl(12 50% 42%), oklch(0.515 0.12 34.9)) en çok Picante 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.
#A04A35
oklch(0.515 0.12 34.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB5C49
- B56E5C
- C0806F
- CA9183
- D3A397
- DCB5AB
- E6C7C0
- EEDAD4
- F7ECEA
Koyu tonlar
- 8B3F2D
- 763525
- 612A1D
- 4E2015
- 3B170E
- 290E08
- 190603
- 090201
- 010000
Gri tonlar
- 9E503D
- 9B5745
- 995C4D
- 966255
- 93675C
- 906C63
- 8C716B
- 897672
- 857B79
Renk uyumları
Tamamlayıcı +180°
- A04A35
Picante
- 007488
≈ Glamour Green
Analog -30° +30°
- A04A35
Picante
- 9E465E
≈ Baby Berries
- 945700
≈ Charlie Brown
Üçlü +120° +240°
- A04A35
Picante
- 167B48
≈ Woodland Soul
- 5460AB
≈ Submarine Base
Bölünmüş tamamlayıcı +150° +210°
- A04A35
Picante
- 00786E
≈ Pond Moss
- 176CA7
≈ Bowen Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.95:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.52:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}