Nazwany kolor · #D19FE8
Bright Ube
Bright Ube to #D19FE8: rgb(209 159 232), hsl(281 61% 77%), oklch(0.774 0.115 314.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Bright Ube color name →
#D19FE8
oklch(0.774 0.115 314.8)
Konwersje koloru
- HEX
- #d19fe8
- RGB
- rgb(209 159 232)
- HSL
- hsl(281 61% 77%)
- HWB
- hwb(281 62% 9%)
- OKLCH
- oklch(0.774 0.115 314.8)
- OKLab
- oklab(0.774 0.081 -0.081)
- CIE Lab
- lab(72.18 28.7 -29.67)
- LCH
- lch(72.18 41.28 314)
- CMYK
- cmyk(10% 31% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6A9EB
- DAB2ED
- DFBCF0
- E4C5F2
- E8CFF4
- EDD9F7
- F1E2F9
- F6ECFB
- FBF5FD
Odcienie ciemniejsze
- B58ACA
- 9B75AC
- 816190
- 684D74
- 503B59
- 392940
- 231829
- 100913
- 020103
Tony
- C99CDD
- C099D3
- B896C8
- B093BE
- A890B3
- A08DA9
- 988A9F
- 908794
- 88838A
Harmonie kolorów
Komplementarna +180°
- D19FE8
Bright Ube
- 96C67A
≈ Lime Parfait
Analogowa -30° +30°
- D19FE8
Bright Ube
- AEABFC
≈ Shy Moment
- EA97C6
≈ Blossoms in Spring
Triada +120° +240°
- D19FE8
Bright Ube
- E0AB5D
≈ Sahara Shade
- 44CCCC
≈ May Day
Komplementarna rozszczepiona +150° +210°
- D19FE8
Bright Ube
- C0BA5E
≈ Columbian Gold
- 66CDA3
≈ Aquarium Blue
Tetrada +90° +180° +270°
- D19FE8
Bright Ube
- F29D77
≈ Orange Pecan
- 96C67A
≈ Lime Parfait
- 56C5EC
≈ Clean Pool
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.83:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-ube: #d19fe8;
--bright-ube-rgb: 209 159 232;
--bright-ube-oklch: oklch(0.774 0.115 314.8);
}
.element {
color: var(--bright-ube);
background-color: hsl(281 61% 77%);
border-color: oklch(0.774 0.115 314.8);
}Tailwind CSS v4
@theme {
--color-bright-ube: #d19fe8;
--color-bright-ube-50: #ffecff;
--color-bright-ube-100: #f8ddff;
--color-bright-ube-200: #e8c6f5;
--color-bright-ube-300: #cfa5df;
--color-bright-ube-400: #b889cd;
--color-bright-ube-500: #a26dba;
--color-bright-ube-600: #895d9d;
--color-bright-ube-700: #6e4a7e;
--color-bright-ube-800: #50365e;
--color-bright-ube-900: #382542;
--color-bright-ube-950: #22132b;
}SCSS
$bright-ube: #d19fe8;
$bright-ube-rgb: 209, 159, 232;
$bright-ube-light: mix(#fff, $bright-ube, 20%);
$bright-ube-dark: mix(#000, $bright-ube, 20%);
.element {
color: $bright-ube;
box-shadow: 0 0 0 2px rgba($bright-ube, 0.35);
}