Adlandırılmış renk · #F88517
Glorious Sunset
Glorious Sunset, #F88517: rgb(248 133 23), hsl(29 94% 53%), oklch(0.731 0.174 55.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Glorious Sunset color name →
#F88517
oklch(0.731 0.174 55.5)
Renk dönüşümleri
- HEX
- #f88517
- RGB
- rgb(248 133 23)
- HSL
- hsl(29 94% 53%)
- HWB
- hwb(29 9% 3%)
- OKLCH
- oklch(0.731 0.174 55.5)
- OKLab
- oklab(0.731 0.098 0.144)
- CIE Lab
- lab(67.84 40.56 70.45)
- LCH
- lch(67.84 81.29 60.1)
- CMYK
- cmyk(0% 46% 91% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FA9240
- FC9F5A
- FEAC71
- FFB887
- FFC49C
- FFD0B0
- FFDCC4
- FFE8D8
- FFF3EB
Koyu tonlar
- D87312
- B8610E
- 9A500A
- 7C4006
- 603004
- 452102
- 2C1301
- 150600
- 030100
Gri tonlar
- EC8630
- E18640
- D5864C
- C98656
- BD865F
- B18567
- A5846E
- 998374
- 8D827A
Renk uyumları
Tamamlayıcı +180°
- F88517
Glorious Sunset
- 00B5FB
≈ Blue Bolt
Analog -30° +30°
- F88517
Glorious Sunset
- FF7870
≈ Salmon
- D29F00
≈ Lepton Gold
Üçlü +120° +240°
- F88517
Glorious Sunset
- 00C3A4
≈ Turquoise
- B191FF
≈ Lilac Geode
Bölünmüş tamamlayıcı +150° +210°
- F88517
Glorious Sunset
- 00BECE
≈ Panorama Blue
- 7EA5FF
≈ Fennel Flower
Dörtlü +90° +180° +270°
- F88517
Glorious Sunset
- 52C45F
≈ Zombie Green
- 00B5FB
≈ Blue Bolt
- DE7DE2
≈ Hibiscus Pop
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.51:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.35:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--glorious-sunset: #f88517;
--glorious-sunset-rgb: 248 133 23;
--glorious-sunset-oklch: oklch(0.731 0.174 55.5);
}
.element {
color: var(--glorious-sunset);
background-color: hsl(29 94% 53%);
border-color: oklch(0.731 0.174 55.5);
}Tailwind CSS v4
@theme {
--color-glorious-sunset: #f88517;
--color-glorious-sunset-50: #ffeac5;
--color-glorious-sunset-100: #ffdaaf;
--color-glorious-sunset-200: #ffc189;
--color-glorious-sunset-300: #f99f56;
--color-glorious-sunset-400: #ea7e19;
--color-glorious-sunset-500: #d85c00;
--color-glorious-sunset-600: #b64f00;
--color-glorious-sunset-700: #933f00;
--color-glorious-sunset-800: #6e2c00;
--color-glorious-sunset-900: #4e1e00;
--color-glorious-sunset-950: #330d00;
}SCSS
$glorious-sunset: #f88517;
$glorious-sunset-rgb: 248, 133, 23;
$glorious-sunset-light: mix(#fff, $glorious-sunset, 20%);
$glorious-sunset-dark: mix(#000, $glorious-sunset, 20%);
.element {
color: $glorious-sunset;
box-shadow: 0 0 0 2px rgba($glorious-sunset, 0.35);
}