En yakın adlandırılmış renk · #9A4A35
#9A4A35
En yakın adlandırılmış renk: Picante
#9A4A35 (rgb(154 74 53), hsl(12 49% 41%), oklch(0.506 0.112 35.7)) 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.
#9A4A35
oklch(0.506 0.112 35.7)
Renk dönüşümleri
- HEX
- #9a4a35
- RGB
- rgb(154 74 53)
- HSL
- hsl(12 49% 41%)
- HWB
- hwb(12 21% 40%)
- OKLCH
- oklch(0.506 0.112 35.7)
- OKLab
- oklab(0.506 0.091 0.066)
- CIE Lab
- lab(41.71 32.9 28.72)
- LCH
- lch(41.71 43.68 41.1)
- CMYK
- cmyk(0% 52% 66% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A55C48
- B06E5C
- BB7F6F
- C59183
- D0A397
- DAB5AB
- E3C7BF
- EDDAD4
- F6ECEA
Koyu tonlar
- 853F2D
- 713525
- 5E2A1D
- 4B2015
- 39170E
- 270E08
- 170603
- 090201
- 010000
Gri tonlar
- 98503D
- 975645
- 955C4D
- 926254
- 90675C
- 8D6C63
- 8A716A
- 877672
- 847B79
Renk uyumları
Tamamlayıcı +180°
- 9A4A35
Picante
- 007185
≈ Waterworld
Analog -30° +30°
- 9A4A35
Picante
- 98465B
≈ Haitian Flower
- 8F5501
≈ Plain Old Brown
Üçlü +120° +240°
- 9A4A35
Picante
- 1B7748
≈ Woodland Soul
- 545DA4
≈ Purple Frenzy
Bölünmüş tamamlayıcı +150° +210°
- 9A4A35
Picante
- 00756C
≈ Hawk Turquoise
- 2069A1
≈ Jazz Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.16:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.40:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.16:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--picante: #9a4a35;
--picante-rgb: 154 74 53;
--picante-oklch: oklch(0.506 0.112 35.7);
}
.element {
color: var(--picante);
background-color: hsl(12 49% 41%);
border-color: oklch(0.506 0.112 35.7);
}Tailwind CSS v4
@theme {
--color-picante: #9a4a35;
--color-picante-50: #ffebde;
--color-picante-100: #ffdccd;
--color-picante-200: #ffc4b2;
--color-picante-300: #eaa48e;
--color-picante-400: #d88670;
--color-picante-500: #c56850;
--color-picante-600: #a65944;
--color-picante-700: #854736;
--color-picante-800: #633328;
--color-picante-900: #46221a;
--color-picante-950: #2d110b;
}SCSS
$picante: #9a4a35;
$picante-rgb: 154, 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);
}