En yakın adlandırılmış renk · #8F55EA
#8F55EA
En yakın adlandırılmış renk: Candy Grape Fizz
#8F55EA (rgb(143 85 234), hsl(263 78% 63%), oklch(0.591 0.214 297.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.
#8F55EA
oklch(0.591 0.214 297.3)
Renk dönüşümleri
- HEX
- #8f55ea
- RGB
- rgb(143 85 234)
- HSL
- hsl(263 78% 63%)
- HWB
- hwb(263 33% 8%)
- OKLCH
- oklch(0.591 0.214 297.3)
- OKLab
- oklab(0.591 0.098 -0.19)
- CIE Lab
- lab(49.02 47.84 -67.76)
- LCH
- lch(49.02 82.95 305.2)
- CMYK
- cmyk(39% 64% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9969EE
- A37BF1
- AE8CF4
- B89DF7
- C4AEF9
- CFBEFB
- DBCEFD
- E7DFFE
- F3EFFF
Koyu tonlar
- 7C49CB
- 693DAE
- 573191
- 452675
- 341C5A
- 241141
- 150829
- 070213
- 010003
Gri tonlar
- 8D5CE0
- 8B62D6
- 8967CB
- 886CC1
- 8670B7
- 8574AC
- 8378A1
- 827B97
- 817D8B
Renk uyumları
Tamamlayıcı +180°
- 8F55EA
Candy Grape Fizz
- 788700
≈ Elwynn Forest Olive
Analog -30° +30°
- 8F55EA
Candy Grape Fizz
- 466EFB
≈ Blue Titmouse
- BC3FBD
≈ Ultraviolet Cryner
Üçlü +120° +240°
- 8F55EA
Candy Grape Fizz
- BB6300
≈ Fire Ant
- 00927D
≈ Aqua Waters
Bölünmüş tamamlayıcı +150° +210°
- 8F55EA
Candy Grape Fizz
- 9C7800
≈ Yellowish Brown
- 009837
≈ Peppermint Toad
Dörtlü +90° +180° +270°
- 8F55EA
Candy Grape Fizz
- E12E2B
≈ Permanent Geranium Lake
- 788700
≈ Elwynn Forest Olive
- 008E9C
≈ Coral Coast
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy-grape-fizz: #8f55ea;
--candy-grape-fizz-rgb: 143 85 234;
--candy-grape-fizz-oklch: oklch(0.591 0.214 297.3);
}
.element {
color: var(--candy-grape-fizz);
background-color: hsl(263 78% 63%);
border-color: oklch(0.591 0.214 297.3);
}Tailwind CSS v4
@theme {
--color-candy-grape-fizz: #8f55ea;
--color-candy-grape-fizz-50: #fde8ff;
--color-candy-grape-fizz-100: #f2d8ff;
--color-candy-grape-fizz-200: #e1bfff;
--color-candy-grape-fizz-300: #c89cff;
--color-candy-grape-fizz-400: #af7cff;
--color-candy-grape-fizz-500: #9a57ff;
--color-candy-grape-fizz-600: #824bd7;
--color-candy-grape-fizz-700: #683cad;
--color-candy-grape-fizz-800: #4a2b83;
--color-candy-grape-fizz-900: #341e5c;
--color-candy-grape-fizz-950: #1f0c3f;
}SCSS
$candy-grape-fizz: #8f55ea;
$candy-grape-fizz-rgb: 143, 85, 234;
$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);
}