En yakın adlandırılmış renk · #7449F5
#7449F5
En yakın adlandırılmış renk: Candy Grape Fizz
#7449F5 (rgb(116 73 245), hsl(255 90% 62%), oklch(0.558 0.24 287.3)) en çok Candy Grape Fizz 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.
#7449F5
oklch(0.558 0.24 287.3)
Renk dönüşümleri
- HEX
- #7449f5
- RGB
- rgb(116 73 245)
- HSL
- hsl(255 90% 62%)
- HWB
- hwb(255 29% 4%)
- OKLCH
- oklch(0.558 0.24 287.3)
- OKLab
- oklab(0.558 0.072 -0.229)
- CIE Lab
- lab(44.51 50.35 -81.41)
- LCH
- lch(44.51 95.72 301.7)
- CMYK
- cmyk(53% 70% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7F60F8
- 8B74FB
- 9787FD
- A499FF
- B2ABFF
- C1BCFF
- D0CDFF
- DFDEFF
- EFEEFF
Koyu tonlar
- 643ED5
- 5434B6
- 452A98
- 37207B
- 29175F
- 1B0E44
- 0F062B
- 050215
- 010003
Gri tonlar
- 7453EA
- 745BDF
- 7462D4
- 7568C8
- 766DBD
- 7872B1
- 7976A5
- 7B7A99
- 7E7D8D
Renk uyumları
Tamamlayıcı +180°
- 7449F5
Candy Grape Fizz
- 7C7800
≈ Mongolian Plateau
Analog -30° +30°
- 7449F5
Candy Grape Fizz
- 006EE6
≈ Níu Zǎi Sè Denim
- A92BCD
≈ Telemagenta
Üçlü +120° +240°
- 7449F5
Candy Grape Fizz
- B95000
≈ Bloodhound
- 008966
≈ Celtic Queen
Bölünmüş tamamlayıcı +150° +210°
- 7449F5
Candy Grape Fizz
- 996900
≈ Gamboge Brown
- 3A8900
≈ Mughal Green
Dörtlü +90° +180° +270°
- 7449F5
Candy Grape Fizz
- D70041
≈ Rich Carmine
- 7C7800
≈ Mongolian Plateau
- 008587
≈ Bay Teal
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy-grape-fizz: #7449f5;
--candy-grape-fizz-rgb: 116 73 245;
--candy-grape-fizz-oklch: oklch(0.558 0.24 287.3);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(255 90% 62%);
border-color: oklch(0.558 0.24 287.3);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #7449f5;
--color-candy-grape-fizz-50: #f3eaff;
--color-candy-grape-fizz-100: #e5dbff;
--color-candy-grape-fizz-200: #d2c2ff;
--color-candy-grape-fizz-300: #b69eff;
--color-candy-grape-fizz-400: #9b7dff;
--color-candy-grape-fizz-500: #8656ff;
--color-candy-grape-fizz-600: #714bec;
--color-candy-grape-fizz-700: #5a3cbe;
--color-candy-grape-fizz-800: #3f2b90;
--color-candy-grape-fizz-900: #2b1e66;
--color-candy-grape-fizz-950: #190b46;
}SCSS
$candy-grape-fizz: #7449f5;
$candy-grape-fizz-rgb: 116, 73, 245;
$candy-grape-fizz-light: mix(#fff, $candy-grape-fizz, 20%);
$candy-grape-fizz-dark: mix(#000, $candy-grape-fizz, 20%);
.element {
color: $candy-grape-fizz;
box-shadow: 0 0 0 2px rgba($candy-grape-fizz, 0.35);
}