En yakın adlandırılmış renk · #7660DF
#7660DF
En yakın adlandırılmış renk: Candy Grape Fizz
#7660DF (rgb(118 96 223), hsl(250 66% 63%), oklch(0.577 0.186 287)) 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.
#7660DF
oklch(0.577 0.186 287)
Renk dönüşümleri
- HEX
- #7660df
- RGB
- rgb(118 96 223)
- HSL
- hsl(250 66% 63%)
- HWB
- hwb(250 38% 13%)
- OKLCH
- oklch(0.577 0.186 287)
- OKLab
- oklab(0.577 0.054 -0.178)
- CIE Lab
- lab(48.12 33.53 -63.18)
- LCH
- lch(48.12 71.53 298)
- CMYK
- cmyk(47% 57% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8271E4
- 8E82E8
- 9B92EC
- A8A2F0
- B5B1F3
- C4C1F6
- D2D0F9
- E1E0FB
- F0EFFD
Koyu tonlar
- 6652C2
- 5645A5
- 47388A
- 382C6F
- 292056
- 1C153D
- 0F0A27
- 050312
- 010002
Gri tonlar
- 7665D6
- 7769CD
- 776DC4
- 7871BB
- 7974B1
- 7A77A8
- 7B799E
- 7D7C94
- 7E7E8A
Renk uyumları
Tamamlayıcı +180°
- 7660DF
Candy Grape Fizz
- 827D00
≈ Olive
Analog -30° +30°
- 7660DF
Candy Grape Fizz
- 1E75E4
≈ Níu Zǎi Sè Denim
- A44DC0
≈ Royal Gramma Purple
Üçlü +120° +240°
- 7660DF
Candy Grape Fizz
- C15400
≈ Orange Rufous
- 008F6A
≈ Sea Swell
Bölünmüş tamamlayıcı +150° +210°
- 7660DF
Candy Grape Fizz
- A16E00
≈ Golden Hind
- 3F8F00
≈ Christmas Green
Dörtlü +90° +180° +270°
- 7660DF
Candy Grape Fizz
- D03A50
≈ Pezzottaite
- 827D00
≈ Olive
- 008B8D
≈ Egyptian Teal
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.65:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy-grape-fizz: #7660df;
--candy-grape-fizz-rgb: 118 96 223;
--candy-grape-fizz-oklch: oklch(0.577 0.186 287);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(250 66% 63%);
border-color: oklch(0.577 0.186 287);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #7660df;
--color-candy-grape-fizz-50: #f3edff;
--color-candy-grape-fizz-100: #e5deff;
--color-candy-grape-fizz-200: #d1c7ff;
--color-candy-grape-fizz-300: #b5a6ff;
--color-candy-grape-fizz-400: #9989ff;
--color-candy-grape-fizz-500: #8369f8;
--color-candy-grape-fizz-600: #6e5ad1;
--color-candy-grape-fizz-700: #5848a8;
--color-candy-grape-fizz-800: #3e347f;
--color-candy-grape-fizz-900: #2b245a;
--color-candy-grape-fizz-950: #19123d;
}SCSS
$candy-grape-fizz: #7660df;
$candy-grape-fizz-rgb: 118, 96, 223;
$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);
}