Adlandırılmış renk · #785D7A
Gala Ball
Gala Ball, #785D7A: rgb(120 93 122), hsl(296 13% 42%), oklch(0.516 0.056 324.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Gala Ball color name →
#785D7A
oklch(0.516 0.056 324.1)
Renk dönüşümleri
- HEX
- #785d7a
- RGB
- rgb(120 93 122)
- HSL
- hsl(296 13% 42%)
- HWB
- hwb(296 36% 52%)
- OKLCH
- oklch(0.516 0.056 324.1)
- OKLab
- oklab(0.516 0.045 -0.033)
- CIE Lab
- lab(43.07 15.42 -12.01)
- LCH
- lch(43.07 19.54 322.1)
- CMYK
- cmyk(2% 24% 0% 52%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 856C87
- 927B93
- 9F8BA0
- AC9BAD
- BAABBB
- C7BBC8
- D5CCD6
- E3DDE3
- F1EEF1
Koyu tonlar
- 675069
- 574359
- 483749
- 392A3A
- 2A1F2B
- 1D141D
- 100A10
- 050305
- 010001
Gri tonlar
- 79617B
- 7A647B
- 7B687C
- 7C6B7D
- 7C6F7D
- 7D727E
- 7E767E
- 7F797F
- 7F7D7F
Renk uyumları
Tamamlayıcı +180°
- 785D7A
Gala Ball
- 547054
≈ Green Bayou
Analog -30° +30°
- 785D7A
Gala Ball
- 696285
≈ Purple Gumball
- 825B6A
≈ Tulipwood
Üçlü +120° +240°
- 785D7A
Gala Ball
- 776542
≈ Rawhide Canoe
- 3E7176
≈ Peabody
Bölünmüş tamamlayıcı +150° +210°
- 785D7A
Gala Ball
- 676C46
≈ Coconut Grove
- 447265
≈ Christmas Ivy
Dörtlü +90° +180° +270°
- 785D7A
Gala Ball
- 815F49
≈ Rodeo
- 547054
≈ Green Bayou
- 476D83
≈ Blue Loneliness
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.76:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.64:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--gala-ball: #785d7a;
--gala-ball-rgb: 120 93 122;
--gala-ball-oklch: oklch(0.516 0.056 324.1);
}
.element {
color: var(--gala-ball);
background-color: hsl(296 13% 42%);
border-color: oklch(0.516 0.056 324.1);
}Tailwind CSS v4
@theme {
--color-gala-ball: #785d7a;
--color-gala-ball-50: #fef0fe;
--color-gala-ball-100: #f2e2f2;
--color-gala-ball-200: #e1cce1;
--color-gala-ball-300: #c7aec7;
--color-gala-ball-400: #af94b1;
--color-gala-ball-500: #997a9b;
--color-gala-ball-600: #816783;
--color-gala-ball-700: #685269;
--color-gala-ball-800: #4c3c4e;
--color-gala-ball-900: #352936;
--color-gala-ball-950: #201721;
}SCSS
$gala-ball: #785d7a;
$gala-ball-rgb: 120, 93, 122;
$gala-ball-light: mix(#fff, $gala-ball, 20%);
$gala-ball-dark: mix(#000, $gala-ball, 20%);
.element {
color: $gala-ball;
box-shadow: 0 0 0 2px rgba($gala-ball, 0.35);
}