Adlandırılmış renk · #A04039
Rusty Heart
Rusty Heart, #A04039: rgb(160 64 57), hsl(4 47% 43%), oklch(0.5 0.129 26.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? → · Rusty Heart color name →
#A04039
oklch(0.5 0.129 26.9)
Renk dönüşümleri
- HEX
- #a04039
- RGB
- rgb(160 64 57)
- HSL
- hsl(4 47% 43%)
- HWB
- hwb(4 22% 37%)
- OKLCH
- oklch(0.5 0.129 26.9)
- OKLab
- oklab(0.5 0.115 0.059)
- CIE Lab
- lab(40.81 40.3 25.58)
- LCH
- lch(40.81 47.73 32.4)
- CMYK
- cmyk(0% 60% 64% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB544C
- B6675E
- C07971
- CA8C85
- D49F98
- DDB2AC
- E6C5C0
- EFD8D5
- F7EBEA
Koyu tonlar
- 8B3630
- 762D28
- 61241F
- 4E1B17
- 3B1310
- 290B09
- 190504
- 090101
- 010000
Gri tonlar
- 9E4841
- 9C4F48
- 99564F
- 975D56
- 94635D
- 916964
- 8D6F6B
- 897572
- 857A79
Renk uyumları
Tamamlayıcı +180°
- A04039
Rusty Heart
- 00717C
≈ Iridescent Peacock
Analog -30° +30°
- A04039
Rusty Heart
- 9A3E64
≈ Aurora Magenta
- 954E00
≈ Warm Brown
Üçlü +120° +240°
- A04039
Rusty Heart
- 227633
≈ Nature’s Strength
- 425EAD
≈ Kakitsubata Blue
Bölünmüş tamamlayıcı +150° +210°
- A04039
Rusty Heart
- 007462
≈ Northern Hemisphere
- 006B99
≈ Hydra
Dörtlü +90° +180° +270°
- A04039
Rusty Heart
- 5F6B00
≈ Mud Green
- 00717C
≈ Iridescent Peacock
- 6C50A3
≈ Ultrapurple Merge
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.38:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.28:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--rusty-heart: #a04039;
--rusty-heart-rgb: 160 64 57;
--rusty-heart-oklch: oklch(0.5 0.129 26.9);
}
.element {
color: var(--rusty-heart);
background-color: hsl(4 47% 43%);
border-color: oklch(0.5 0.129 26.9);
}Tailwind CSS v4
@theme {
--color-rusty-heart: #a04039;
--color-rusty-heart-50: #ffe8e0;
--color-rusty-heart-100: #ffd8cf;
--color-rusty-heart-200: #ffc0b5;
--color-rusty-heart-300: #f29e91;
--color-rusty-heart-400: #e17f74;
--color-rusty-heart-500: #ce5f56;
--color-rusty-heart-600: #ae5149;
--color-rusty-heart-700: #8c413a;
--color-rusty-heart-800: #682e2b;
--color-rusty-heart-900: #491f1d;
--color-rusty-heart-950: #300e0d;
}SCSS
$rusty-heart: #a04039;
$rusty-heart-rgb: 160, 64, 57;
$rusty-heart-light: mix(#fff, $rusty-heart, 20%);
$rusty-heart-dark: mix(#000, $rusty-heart, 20%);
.element {
color: $rusty-heart;
box-shadow: 0 0 0 2px rgba($rusty-heart, 0.35);
}