Nazwany kolor · #BE03FD
Bright Purple
Bright Purple to #BE03FD: rgb(190 3 253), hsl(285 98% 50%), oklch(0.607 0.301 313.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Bright Purple color name →
#BE03FD
oklch(0.607 0.301 313.1)
Konwersje koloru
- HEX
- #be03fd
- RGB
- rgb(190 3 253)
- HSL
- hsl(285 98% 50%)
- HWB
- hwb(285 1% 1%)
- OKLCH
- oklch(0.607 0.301 313.1)
- OKLab
- oklab(0.607 0.206 -0.22)
- CIE Lab
- lab(48.85 82.28 -78.29)
- LCH
- lch(48.85 113.58 316.4)
- CMYK
- cmyk(25% 99% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C540FF
- CC5EFF
- D376FF
- DA8CFF
- E1A0FF
- E7B4FF
- EDC7FF
- F3DAFF
- F9EDFF
Odcienie ciemniejsze
- A502DC
- 8C02BC
- 75019D
- 5E017F
- 480062
- 330047
- 1F002D
- 0D0016
- 020003
Tony
- B82FF1
- B242E5
- AC4FD9
- A65ACD
- A062C0
- 9A6AB4
- 9471A7
- 8D769B
- 877B8E
Harmonie kolorów
Komplementarna +180°
- BE03FD
Bright Purple
- 569600
≈ Limeade
Analogowa -30° +30°
- BE03FD
Bright Purple
- 7764FF
≈ Blue Genie
- E000AA
≈ Aphroditean Fuchsia
Triada +120° +240°
- BE03FD
Bright Purple
- B07400
≈ Philippine Gold
- 009593
≈ Intermezzo
Komplementarna rozszczepiona +150° +210°
- BE03FD
Bright Purple
- 918500
≈ Thicket Green
- 009A6B
≈ Green Cyan
Tetrada +90° +180° +270°
- BE03FD
Bright Purple
- D55300
≈ Tomato Bisque
- 569600
≈ Limeade
- 0090B3
≈ Cool Tide
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.54:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-purple: #be03fd;
--bright-purple-rgb: 190 3 253;
--bright-purple-oklch: oklch(0.607 0.301 313.1);
}
.element {
color: var(--bright-purple);
background-color: hsl(285 98% 50%);
border-color: oklch(0.607 0.301 313.1);
}Tailwind CSS v4
@theme {
--color-bright-purple: #be03fd;
--color-bright-purple-50: #ffdbff;
--color-bright-purple-100: #ffc8ff;
--color-bright-purple-200: #ffa9ff;
--color-bright-purple-300: #ef7cff;
--color-bright-purple-400: #da4dff;
--color-bright-purple-500: #c800ff;
--color-bright-purple-600: #a900e3;
--color-bright-purple-700: #8800b7;
--color-bright-purple-800: #63008c;
--color-bright-purple-900: #450063;
--color-bright-purple-950: #2d0044;
}SCSS
$bright-purple: #be03fd;
$bright-purple-rgb: 190, 3, 253;
$bright-purple-light: mix(#fff, $bright-purple, 20%);
$bright-purple-dark: mix(#000, $bright-purple, 20%);
.element {
color: $bright-purple;
box-shadow: 0 0 0 2px rgba($bright-purple, 0.35);
}