En yakın adlandırılmış renk · #A03D47
#A03D47
En yakın adlandırılmış renk: Eternal Flame
#A03D47 (rgb(160 61 71), hsl(354 45% 43%), oklch(0.499 0.131 17.2)) 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.
#A03D47
oklch(0.499 0.131 17.2)
Renk dönüşümleri
- HEX
- #a03d47
- RGB
- rgb(160 61 71)
- HSL
- hsl(354 45% 43%)
- HWB
- hwb(354 24% 37%)
- OKLCH
- oklch(0.499 0.131 17.2)
- OKLab
- oklab(0.499 0.126 0.039)
- CIE Lab
- lab(40.49 42.41 16.59)
- LCH
- lch(40.49 45.54 21.4)
- CMYK
- cmyk(0% 62% 56% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB5158
- B66469
- C1777B
- CB8A8C
- D49D9F
- DEB1B1
- E7C4C4
- EFD7D8
- F7EBEB
Koyu tonlar
- 8B343D
- 762B32
- 612228
- 4E1A1F
- 3B1216
- 290A0D
- 190406
- 090102
- 010000
Gri tonlar
- 9E454D
- 9C4D52
- 9A5458
- 975B5E
- 946263
- 916869
- 8D6E6F
- 897475
- 857A7A
Renk uyumları
Tamamlayıcı +180°
- A03D47
Eternal Flame
- 007274
≈ Scaly Green
Analog -30° +30°
- A03D47
Eternal Flame
- 963F71
≈ Purple Peril
- 9D460D
≈ Powdered Coffee
Üçlü +120° +240°
- A03D47
Eternal Flame
- 3A731E
≈ Forest Empress
- 2C62AC
≈ Rainbow Bright
Bölünmüş tamamlayıcı +150° +210°
- A03D47
Eternal Flame
- 007557
≈ Green Velvet
- 006D8E
≈ Copacabana
Dörtlü +90° +180° +270°
- A03D47
Eternal Flame
- 6A6600
≈ Earthy Khaki Green
- 007274
≈ Scaly Green
- 6054A9
≈ Yuè Guāng Lán Moonlight
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.45:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.25:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.45:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--eternal-flame: #a03d47;
--eternal-flame-rgb: 160 61 71;
--eternal-flame-oklch: oklch(0.499 0.131 17.2);
}
.element {
color: var(--eternal-flame);
background-color: hsl(354 45% 43%);
border-color: oklch(0.499 0.131 17.2);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a03d47;
--color-eternal-flame-50: #ffe7e6;
--color-eternal-flame-100: #ffd7d6;
--color-eternal-flame-200: #ffbebe;
--color-eternal-flame-300: #f39c9c;
--color-eternal-flame-400: #e17c82;
--color-eternal-flame-500: #ce5c66;
--color-eternal-flame-600: #ae4f57;
--color-eternal-flame-700: #8c3f45;
--color-eternal-flame-800: #682d33;
--color-eternal-flame-900: #491e23;
--color-eternal-flame-950: #300e12;
}SCSS
$eternal-flame: #a03d47;
$eternal-flame-rgb: 160, 61, 71;
$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);
}