En yakın adlandırılmış renk · #644DF5
#644DF5
En yakın adlandırılmış renk: Candy Grape Fizz
#644DF5 (rgb(100 77 245), hsl(248 89% 63%), oklch(0.55 0.238 281.4)) 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.
#644DF5
oklch(0.55 0.238 281.4)
Renk dönüşümleri
- HEX
- #644df5
- RGB
- rgb(100 77 245)
- HSL
- hsl(248 89% 63%)
- HWB
- hwb(248 30% 4%)
- OKLCH
- oklch(0.55 0.238 281.4)
- OKLab
- oklab(0.55 0.047 -0.233)
- CIE Lab
- lab(43.79 45.39 -82.67)
- LCH
- lch(43.79 94.31 298.8)
- CMYK
- cmyk(59% 69% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7063F8
- 7C77FB
- 8A8AFD
- 999BFF
- A9ACFF
- B9BDFF
- CACEFF
- DBDEFF
- EDEFFF
Koyu tonlar
- 5642D5
- 4837B6
- 3B2C98
- 2E227B
- 22185F
- 160F44
- 0B072B
- 030215
- 000003
Gri tonlar
- 6556EA
- 675EDF
- 6964D4
- 6B6AC8
- 6E6FBD
- 7173B1
- 7477A6
- 787A99
- 7C7D8D
Renk uyumları
Tamamlayıcı +180°
- 644DF5
Candy Grape Fizz
- 807300
≈ Sunlit Kelp Green
Analog -30° +30°
- 644DF5
Candy Grape Fizz
- 0073CC
≈ Wizard Blue
- 9E2FD3
≈ Purple Vanity
Üçlü +120° +240°
- 644DF5
Candy Grape Fizz
- BE4500
≈ Bolognese
- 00875A
≈ Vital Green
Bölünmüş tamamlayıcı +150° +210°
- 644DF5
Candy Grape Fizz
- 9C6400
≈ Raw Sienna
- 508200
≈ Avocado
Dörtlü +90° +180° +270°
- 644DF5
Candy Grape Fizz
- D10050
≈ Rubine Red
- 807300
≈ Sunlit Kelp Green
- 00837F
≈ Pond Bath
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.35:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.92:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.35:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy-grape-fizz: #644df5;
--candy-grape-fizz-rgb: 100 77 245;
--candy-grape-fizz-oklch: oklch(0.55 0.238 281.4);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(248 89% 63%);
border-color: oklch(0.55 0.238 281.4);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #644df5;
--color-candy-grape-fizz-50: #ebedff;
--color-candy-grape-fizz-100: #dddeff;
--color-candy-grape-fizz-200: #c7c6ff;
--color-candy-grape-fizz-300: #aaa3ff;
--color-candy-grape-fizz-400: #8c83ff;
--color-candy-grape-fizz-500: #765eff;
--color-candy-grape-fizz-600: #6451ef;
--color-candy-grape-fizz-700: #4f41c0;
--color-candy-grape-fizz-800: #372f91;
--color-candy-grape-fizz-900: #252067;
--color-candy-grape-fizz-950: #150e47;
}SCSS
$candy-grape-fizz: #644df5;
$candy-grape-fizz-rgb: 100, 77, 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);
}