En yakın adlandırılmış renk · #A0434B
#A0434B
En yakın adlandırılmış renk: Eternal Flame
#A0434B (rgb(160 67 75), hsl(355 41% 45%), oklch(0.508 0.124 17.4)) en çok Eternal Flame 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.
#A0434B
oklch(0.508 0.124 17.4)
Renk dönüşümleri
- HEX
- #a0434b
- RGB
- rgb(160 67 75)
- HSL
- hsl(355 41% 45%)
- HWB
- hwb(355 26% 37%)
- OKLCH
- oklch(0.508 0.124 17.4)
- OKLab
- oklab(0.508 0.118 0.037)
- CIE Lab
- lab(41.64 39.89 15.64)
- LCH
- lch(41.64 42.85 21.4)
- CMYK
- cmyk(0% 58% 53% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB565B
- B6696C
- C07B7D
- CA8D8F
- D4A0A1
- DDB3B3
- E6C5C6
- EFD8D8
- F7ECEC
Koyu tonlar
- 8B3940
- 762F35
- 61262B
- 4E1D21
- 3B1417
- 290C0E
- 190506
- 090102
- 010000
Gri tonlar
- 9E4A50
- 9C5156
- 99585B
- 975E60
- 946465
- 906A6B
- 8D7070
- 897575
- 857B7B
Renk uyumları
Tamamlayıcı +180°
- A0434B
Eternal Flame
- 007477
≈ Maxi Teal
Analog -30° +30°
- A0434B
Eternal Flame
- 974473
≈ Satsuma Imo Red
- 9D4B1B
≈ Rendang
Üçlü +120° +240°
- A0434B
Eternal Flame
- 407528
≈ Japanese Laurel
- 3465AB
≈ Shukra Blue
Bölünmüş tamamlayıcı +150° +210°
- A0434B
Eternal Flame
- 007859
≈ Ivy League
- 007091
≈ Tropic Sea
Dörtlü +90° +180° +270°
- A0434B
Eternal Flame
- 6D6900
≈ Worn Olive
- 007477
≈ Maxi Teal
- 6358A8
≈ Yuè Guāng Lán Moonlight
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.17:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.39:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--eternal-flame: #a0434b;
--eternal-flame-rgb: 160 67 75;
--eternal-flame-oklch: oklch(0.508 0.124 17.4);
}
.element {
color: var(--eternal-flame);
background-color: hsl(355 41% 45%);
border-color: oklch(0.508 0.124 17.4);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a0434b;
--color-eternal-flame-50: #ffe8e7;
--color-eternal-flame-100: #ffd8d7;
--color-eternal-flame-200: #ffc0bf;
--color-eternal-flame-300: #f09e9e;
--color-eternal-flame-400: #de7f83;
--color-eternal-flame-500: #cb6068;
--color-eternal-flame-600: #ab5258;
--color-eternal-flame-700: #8a4146;
--color-eternal-flame-800: #662e34;
--color-eternal-flame-900: #481f23;
--color-eternal-flame-950: #2f0f12;
}SCSS
$eternal-flame: #a0434b;
$eternal-flame-rgb: 160, 67, 75;
$eternal-flame-light: mix(#fff, $eternal-flame, 20%);
$eternal-flame-dark: mix(#000, $eternal-flame, 20%);
.element {
color: $eternal-flame;
box-shadow: 0 0 0 2px rgba($eternal-flame, 0.35);
}