Colore con nome · #8878C3
Ube
Ube è #8878C3: rgb(136 120 195), hsl(253 38% 62%), oklch(0.618 0.112 292.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Ube color name →
#8878C3
oklch(0.618 0.112 292.6)
Conversioni di colore
- HEX
- #8878c3
- RGB
- rgb(136 120 195)
- HSL
- hsl(253 38% 62%)
- HWB
- hwb(253 47% 24%)
- OKLCH
- oklch(0.618 0.112 292.6)
- OKLab
- oklab(0.618 0.043 -0.103)
- CIE Lab
- lab(54.29 19.11 -37.39)
- LCH
- lch(54.29 42 297.1)
- CMYK
- cmyk(30% 38% 0% 24%)
Tinte · Ombre · Toni
Tinte
- 9385CA
- 9E93D0
- AAA0D6
- B5ADDC
- C1BBE2
- CDC8E8
- D9D6EE
- E6E3F4
- F2F1FA
Ombre
- 7567A9
- 635790
- 524878
- 413960
- 312A4A
- 221D34
- 131020
- 06050E
- 010102
Toni
- 8779BC
- 867AB6
- 857BAF
- 847CA9
- 837DA2
- 837E9B
- 827E95
- 817F8E
- 818087
Armonie di colore
Complementare +180°
- 8878C3
Ube
- 878C33
≈ Woodbine
Analogo -30° +30°
- 8878C3
Ube
- 6184C9
≈ Marina
- A66EAD
≈ Soft Purple
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.80:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.52:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--ube: #8878c3;
--ube-rgb: 136 120 195;
--ube-oklch: oklch(0.618 0.112 292.6);
}
.element {
color: var(--ube);
background-color: hsl(253 38% 62%);
border-color: oklch(0.618 0.112 292.6);
}Tailwind CSS v4
@theme {
--color-ube: #8878c3;
--color-ube-50: #f7f0ff;
--color-ube-100: #eae1ff;
--color-ube-200: #d7ccff;
--color-ube-300: #bbaceb;
--color-ube-400: #a092db;
--color-ube-500: #8977c9;
--color-ube-600: #7465aa;
--color-ube-700: #5d5089;
--color-ube-800: #423b66;
--color-ube-900: #2e2848;
--color-ube-950: #1b162f;
}SCSS
$ube: #8878c3;
$ube-rgb: 136, 120, 195;
$ube-light: mix(#fff, $ube, 20%);
$ube-dark: mix(#000, $ube, 20%);
.element {
color: $ube;
box-shadow: 0 0 0 2px rgba($ube, 0.35);
}