Adlandırılmış renk · #C6494C
Rusty Chainmail
Rusty Chainmail, #C6494C: rgb(198 73 76), hsl(359 52% 53%), oklch(0.576 0.16 22.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rusty Chainmail color name →
#C6494C
oklch(0.576 0.16 22.2)
Renk dönüşümleri
- HEX
- #c6494c
- RGB
- rgb(198 73 76)
- HSL
- hsl(359 52% 53%)
- HWB
- hwb(359 29% 22%)
- OKLCH
- oklch(0.576 0.16 22.2)
- OKLab
- oklab(0.576 0.148 0.06)
- CIE Lab
- lab(49.23 50.83 26.31)
- LCH
- lch(49.23 57.24 27.4)
- CMYK
- cmyk(0% 63% 62% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CE5D5D
- D6706E
- DD827F
- E39491
- E9A6A3
- EFB8B5
- F3CAC7
- F8DBD9
- FCEDEC
Koyu tonlar
- AC3E41
- 923436
- 7A2A2C
- 622022
- 4B1718
- 350E0F
- 210606
- 0E0202
- 020000
Gri tonlar
- C05152
- BA5857
- B45E5D
- AE6462
- A76967
- A06E6C
- 997371
- 917876
- 897C7B
Renk uyumları
Tamamlayıcı +180°
- C6494C
Rusty Chainmail
- 008A92
≈ Tempo Teal
Analog -30° +30°
- C6494C
Rusty Chainmail
- BC4983
≈ Nail Polish Pink
- BB5A00
≈ Dry Clay
Üçlü +120° +240°
- C6494C
Rusty Chainmail
- 34902E
≈ Jade of Emeralds
- 4374D6
≈ Skies of Cyberspace
Bölünmüş tamamlayıcı +150° +210°
- C6494C
Rusty Chainmail
- 008E72
≈ Observatory
- 0084B3
≈ Lucario Blue
Dörtlü +90° +180° +270°
- C6494C
Rusty Chainmail
- 7B8000
≈ Drably Olive
- 008A92
≈ Tempo Teal
- 7E63CE
≈ Fuchsia Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.71:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.45:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.71:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--rusty-chainmail: #c6494c;
--rusty-chainmail-rgb: 198 73 76;
--rusty-chainmail-oklch: oklch(0.576 0.16 22.2);
}
.element {
color: var(--rusty-chainmail);
background-color: hsl(359 52% 53%);
border-color: oklch(0.576 0.16 22.2);
}Tailwind CSS v4
@theme {
--color-rusty-chainmail: #c6494c;
--color-rusty-chainmail-50: #ffe4df;
--color-rusty-chainmail-100: #ffd4ce;
--color-rusty-chainmail-200: #ffb9b3;
--color-rusty-chainmail-300: #ff958f;
--color-rusty-chainmail-400: #ee7372;
--color-rusty-chainmail-500: #dc4f53;
--color-rusty-chainmail-600: #ba4447;
--color-rusty-chainmail-700: #953638;
--color-rusty-chainmail-800: #6f262a;
--color-rusty-chainmail-900: #4f1a1c;
--color-rusty-chainmail-950: #34090d;
}SCSS
$rusty-chainmail: #c6494c;
$rusty-chainmail-rgb: 198, 73, 76;
$rusty-chainmail-light: mix(#fff, $rusty-chainmail, 20%);
$rusty-chainmail-dark: mix(#000, $rusty-chainmail, 20%);
.element {
color: $rusty-chainmail;
box-shadow: 0 0 0 2px rgba($rusty-chainmail, 0.35);
}