Adlandırılmış renk · #3A181A
Rustic Red
Rustic Red, #3A181A: rgb(58 24 26), hsl(356 41% 16%), oklch(0.26 0.054 17.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rustic Red color name →
#3A181A
oklch(0.26 0.054 17.9)
Renk dönüşümleri
- HEX
- #3a181a
- RGB
- rgb(58 24 26)
- HSL
- hsl(356 41% 16%)
- HWB
- hwb(356 9% 77%)
- OKLCH
- oklch(0.26 0.054 17.9)
- OKLab
- oklab(0.26 0.051 0.017)
- CIE Lab
- lab(13.58 17.33 6.9)
- LCH
- lch(13.58 18.66 21.7)
- CMYK
- cmyk(0% 59% 55% 77%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C2C2D
- 5F4041
- 725656
- 856C6C
- 998383
- AD9B9B
- C1B3B3
- D5CCCC
- EAE5E5
Koyu tonlar
- 311315
- 280F10
- 200A0C
- 180707
- 100404
- 090202
- 040101
- 010000
- 000000
Gri tonlar
- 412223
- 492C2C
- 503636
- 574040
- 5E4A4A
- 655555
- 6C5F5F
- 726A6A
- 797575
Renk uyumları
Tamamlayıcı +180°
- 3A181A
Rustic Red
- 002A2C
≈ Black Box
Analog -30° +30°
- 3A181A
Rustic Red
- 371829
≈ Black-Hearted
- 391B0A
≈ Close but No Cigar
Üçlü +120° +240°
- 3A181A
Rustic Red
- 162A0F
≈ Nori Green
- 13243E
≈ Cool Balaclavas Are Forever
Bölünmüş tamamlayıcı +150° +210°
- 3A181A
Rustic Red
- 002C1F
≈ Bush
- 002837
≈ Murky Depths
Dörtlü +90° +180° +270°
- 3A181A
Rustic Red
- 272602
≈ Liquorice Root
- 002A2C
≈ Black Box
- 231F3C
≈ Throat
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.84:1 · APCA Lc 103
Ag
FailSiyah üzerinde
WCAG 1.32:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.84:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--rustic-red: #3a181a;
--rustic-red-rgb: 58 24 26;
--rustic-red-oklch: oklch(0.26 0.054 17.9);
}
.element {
color: var(--rustic-red);
background-color: hsl(356 41% 16%);
border-color: oklch(0.26 0.054 17.9);
}Tailwind CSS v4
@theme {
--color-rustic-red: #3a181a;
--color-rustic-red-50: #ffefef;
--color-rustic-red-100: #fae1e0;
--color-rustic-red-200: #ebcccb;
--color-rustic-red-300: #d2adac;
--color-rustic-red-400: #bc9292;
--color-rustic-red-500: #a77879;
--color-rustic-red-600: #8d6666;
--color-rustic-red-700: #715152;
--color-rustic-red-800: #543b3c;
--color-rustic-red-900: #3a2829;
--color-rustic-red-950: #241617;
}SCSS
$rustic-red: #3a181a;
$rustic-red-rgb: 58, 24, 26;
$rustic-red-light: mix(#fff, $rustic-red, 20%);
$rustic-red-dark: mix(#000, $rustic-red, 20%);
.element {
color: $rustic-red;
box-shadow: 0 0 0 2px rgba($rustic-red, 0.35);
}