Benannte Farbe · #BE4F62
Popstar
Popstar ist #BE4F62: rgb(190 79 98), hsl(350 46% 53%), oklch(0.577 0.143 12.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Popstar color name →
#BE4F62
oklch(0.577 0.143 12.3)
Farbumrechnungen
- HEX
- #be4f62
- RGB
- rgb(190 79 98)
- HSL
- hsl(350 46% 53%)
- HWB
- hwb(350 31% 25%)
- OKLCH
- oklch(0.577 0.143 12.3)
- OKLab
- oklab(0.577 0.14 0.03)
- CIE Lab
- lab(49.26 46.69 12.88)
- LCH
- lch(49.26 48.44 15.4)
- CMYK
- cmyk(0% 58% 48% 25%)
Tints · Shades · Tones
Tints
- C66271
- CE737F
- D6858F
- DD969E
- E4A8AD
- EAB9BD
- F0CACD
- F6DCDE
- FAEDEE
Shades
- A54454
- 8C3847
- 752E3A
- 5E232D
- 481921
- 331016
- 1F070B
- 0D0203
- 020000
Tones
- B95565
- B45B68
- AE616B
- A9666E
- A36B71
- 9C7074
- 967477
- 8F787A
- 887C7D
Farbharmonien
Komplementär +180°
- BE4F62
Popstar
- 008B89
≈ Dark Cyan
Analog -30° +30°
- BE4F62
Popstar
- B05290
≈ Brilliant Carmine
- BD572B
≈ Titian Red
Triadisch +120° +240°
- BE4F62
Popstar
- 578A22
≈ Sap Green
- 2E7BCB
≈ Heirloom Hydrangea
Geteilt komplementär +150° +210°
- BE4F62
Popstar
- 009062
≈ Emerald Lake
- 0087A6
≈ Caribbean Sea
Tetradisch +90° +180° +270°
- BE4F62
Popstar
- 887B00
≈ Olive
- 008B89
≈ Dark Cyan
- 6E6BCB
≈ C64 Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.68:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.48:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--popstar: #be4f62;
--popstar-rgb: 190 79 98;
--popstar-oklch: oklch(0.577 0.143 12.3);
}
.element {
color: var(--popstar);
background-color: hsl(350 46% 53%);
border-color: oklch(0.577 0.143 12.3);
}Tailwind CSS v4
@theme {
--color-popstar: #be4f62;
--color-popstar-50: #ffe5e8;
--color-popstar-100: #ffd5d9;
--color-popstar-200: #ffbbc1;
--color-popstar-300: #f798a1;
--color-popstar-400: #e57887;
--color-popstar-500: #d3566c;
--color-popstar-600: #b24a5c;
--color-popstar-700: #8f3b49;
--color-popstar-800: #6a2a37;
--color-popstar-900: #4b1c25;
--color-popstar-950: #310c14;
}SCSS
$popstar: #be4f62;
$popstar-rgb: 190, 79, 98;
$popstar-light: mix(#fff, $popstar, 20%);
$popstar-dark: mix(#000, $popstar, 20%);
.element {
color: $popstar;
box-shadow: 0 0 0 2px rgba($popstar, 0.35);
}