Adlandırılmış renk · #FA7F46
Sagittarius Amber Artefact
Sagittarius Amber Artefact, #FA7F46: rgb(250 127 70), hsl(19 95% 63%), oklch(0.727 0.166 43.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? → · Sagittarius Amber Artefact color name →
#FA7F46
oklch(0.727 0.166 43.9)
Renk dönüşümleri
- HEX
- #fa7f46
- RGB
- rgb(250 127 70)
- HSL
- hsl(19 95% 63%)
- HWB
- hwb(19 27% 2%)
- OKLCH
- oklch(0.727 0.166 43.9)
- OKLab
- oklab(0.727 0.12 0.115)
- CIE Lab
- lab(67.17 45.17 52.42)
- LCH
- lch(67.17 69.2 49.3)
- CMYK
- cmyk(0% 49% 72% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FC8D5B
- FE9A6F
- FFA882
- FFB594
- FFC1A6
- FFCEB8
- FFDACA
- FFE7DB
- FFF3ED
Koyu tonlar
- D96E3C
- BA5D32
- 9B4C28
- 7D3C1E
- 612D15
- 461F0D
- 2D1105
- 150602
- 030100
Gri tonlar
- EE804F
- E28157
- D7825D
- CB8364
- BF8369
- B3836E
- A68273
- 9A8278
- 8D817C
Renk uyumları
Tamamlayıcı +180°
- FA7F46
Sagittarius Amber Artefact
- 00B8E6
≈ Cyanite
Analog -30° +30°
- FA7F46
Sagittarius Amber Artefact
- FD7587
≈ Heatstroke
- DF9500
≈ Beige Red
Üçlü +120° +240°
- FA7F46
Sagittarius Amber Artefact
- 00C48C
≈ Píng Gǔo Lǜ Green
- 9C98FF
≈ Cobalite
Bölünmüş tamamlayıcı +150° +210°
- FA7F46
Sagittarius Amber Artefact
- 00BFBD
≈ Cala Benirrás Blue
- 62AAFF
≈ Âbi Blue
Dörtlü +90° +180° +270°
- FA7F46
Sagittarius Amber Artefact
- 79BC46
≈ Taurus Forest Fern
- 00B8E6
≈ Cyanite
- CC84EF
≈ Azuremyst Isle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.18:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--sagittarius-amber-artefact: #fa7f46;
--sagittarius-amber-artefact-rgb: 250 127 70;
--sagittarius-amber-artefact-oklch: oklch(0.727 0.166 43.9);
}
.element {
color: var(--sagittarius-amber-artefact);
background-color: hsl(19 95% 63%);
border-color: oklch(0.727 0.166 43.9);
}Tailwind CSS v4
@theme {
--color-sagittarius-amber-artefact: #fa7f46;
--color-sagittarius-amber-artefact-50: #ffe7ce;
--color-sagittarius-amber-artefact-100: #ffd7ba;
--color-sagittarius-amber-artefact-200: #ffbe98;
--color-sagittarius-amber-artefact-300: #fd9b6c;
--color-sagittarius-amber-artefact-400: #ed7944;
--color-sagittarius-amber-artefact-500: #db5600;
--color-sagittarius-amber-artefact-600: #b94a05;
--color-sagittarius-amber-artefact-700: #953b07;
--color-sagittarius-amber-artefact-800: #6f2907;
--color-sagittarius-amber-artefact-900: #4f1c05;
--color-sagittarius-amber-artefact-950: #340b00;
}SCSS
$sagittarius-amber-artefact: #fa7f46;
$sagittarius-amber-artefact-rgb: 250, 127, 70;
$sagittarius-amber-artefact-light: mix(#fff, $sagittarius-amber-artefact, 20%);
$sagittarius-amber-artefact-dark: mix(#000, $sagittarius-amber-artefact, 20%);
.element {
color: $sagittarius-amber-artefact;
box-shadow: 0 0 0 2px rgba($sagittarius-amber-artefact, 0.35);
}