En yakın adlandırılmış renk · #A0464D
#A0464D
En yakın adlandırılmış renk: Eternal Flame
#A0464D (rgb(160 70 77), hsl(355 39% 45%), oklch(0.513 0.12 17.6)) 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.
#A0464D
oklch(0.513 0.12 17.6)
Renk dönüşümleri
- HEX
- #a0464d
- RGB
- rgb(160 70 77)
- HSL
- hsl(355 39% 45%)
- HWB
- hwb(355 27% 37%)
- OKLCH
- oklch(0.513 0.12 17.6)
- OKLab
- oklab(0.513 0.114 0.036)
- CIE Lab
- lab(42.25 38.59 15.21)
- LCH
- lch(42.25 41.48 21.5)
- CMYK
- cmyk(0% 56% 52% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB595D
- B66B6E
- C07D7F
- CA8F90
- D4A1A2
- DDB4B4
- E6C6C6
- EFD9D9
- F7ECEC
Koyu tonlar
- 8B3C42
- 763237
- 61282C
- 4E1E22
- 3B1518
- 290D0F
- 190507
- 090202
- 010000
Gri tonlar
- 9E4D52
- 9C5357
- 995A5C
- 966061
- 936566
- 906B6C
- 8D7071
- 897676
- 857B7B
Renk uyumları
Tamamlayıcı +180°
- A0464D
Eternal Flame
- 007679
≈ Maxi Teal
Analog -30° +30°
- A0464D
Eternal Flame
- 974774
≈ Befitting
- 9D4E20
≈ Catlinite
Üçlü +120° +240°
- A0464D
Eternal Flame
- 42762C
≈ Cucumber Queen
- 3767AA
≈ Dover Straits
Bölünmüş tamamlayıcı +150° +210°
- A0464D
Eternal Flame
- 007A5B
≈ Emerald Dream
- 007193
≈ Tropic Sea
Dörtlü +90° +180° +270°
- A0464D
Eternal Flame
- 6E6B00
≈ Worn Olive
- 007679
≈ Maxi Teal
- 645AA7
≈ Prophet Violet
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.03:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.47:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--eternal-flame: #a0464d;
--eternal-flame-rgb: 160 70 77;
--eternal-flame-oklch: oklch(0.513 0.12 17.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(355 39% 45%);
border-color: oklch(0.513 0.12 17.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a0464d;
--color-eternal-flame-50: #ffe8e7;
--color-eternal-flame-100: #ffd9d8;
--color-eternal-flame-200: #ffc0c0;
--color-eternal-flame-300: #ef9f9e;
--color-eternal-flame-400: #dc8084;
--color-eternal-flame-500: #c96168;
--color-eternal-flame-600: #aa5359;
--color-eternal-flame-700: #884247;
--color-eternal-flame-800: #652f34;
--color-eternal-flame-900: #472024;
--color-eternal-flame-950: #2e0f13;
}SCSS
$eternal-flame: #a0464d;
$eternal-flame-rgb: 160, 70, 77;
$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);
}