Benannte Farbe · #E15ACB
Barbiecore
Barbiecore ist #E15ACB: rgb(225 90 203), hsl(310 69% 62%), oklch(0.679 0.21 334.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Barbiecore color name →
#E15ACB
oklch(0.679 0.21 334.5)
Farbumrechnungen
- HEX
- #e15acb
- RGB
- rgb(225 90 203)
- HSL
- hsl(310 69% 62%)
- HWB
- hwb(310 35% 12%)
- OKLCH
- oklch(0.679 0.21 334.5)
- OKLab
- oklab(0.679 0.19 -0.09)
- CIE Lab
- lab(59.62 62.79 -32.65)
- LCH
- lch(59.62 70.77 332.5)
- CMYK
- cmyk(0% 60% 10% 12%)
Tints · Shades · Tones
Tints
- E66DD1
- EA7FD6
- EE90DC
- F2A0E1
- F5B1E6
- F8C0EB
- FAD0F0
- FCE0F5
- FEEFFA
Shades
- C44DB0
- A74196
- 8B357D
- 702965
- 561E4D
- 3E1337
- 270922
- 12030F
- 020002
Tones
- D860C4
- CF66BC
- C66BB5
- BC6FAD
- B373A6
- A9769E
- 9F7997
- 957C8F
- 8B7E88
Farbharmonien
Komplementär +180°
- E15ACB
Barbiecore
- 00B566
≈ Future Hair
Analog -30° +30°
- E15ACB
Barbiecore
- B66EFE
≈ Queer Purple
- FA4F88
≈ French Rose
Triadisch +120° +240°
- E15ACB
Barbiecore
- B49500
≈ Main Mast Gold
- 00AAC5
≈ Sarah’s Garden
Geteilt komplementär +150° +210°
- E15ACB
Barbiecore
- 81A800
≈ Hillsbrad Grass
- 00AFA1
≈ Billiard
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.21:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.52:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.52:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--barbiecore: #e15acb;
--barbiecore-rgb: 225 90 203;
--barbiecore-oklch: oklch(0.679 0.21 334.5);
}
.element {
color: var(--barbiecore);
background-color: hsl(310 69% 62%);
border-color: oklch(0.679 0.21 334.5);
}Tailwind CSS v4
@theme {
--color-barbiecore: #e15acb;
--color-barbiecore-50: #ffdfff;
--color-barbiecore-100: #ffcdff;
--color-barbiecore-200: #ffb1f6;
--color-barbiecore-300: #f98adf;
--color-barbiecore-400: #e566d0;
--color-barbiecore-500: #d33abd;
--color-barbiecore-600: #b2339f;
--color-barbiecore-700: #8f2980;
--color-barbiecore-800: #691d61;
--color-barbiecore-900: #4a1344;
--color-barbiecore-950: #30042c;
}SCSS
$barbiecore: #e15acb;
$barbiecore-rgb: 225, 90, 203;
$barbiecore-light: mix(#fff, $barbiecore, 20%);
$barbiecore-dark: mix(#000, $barbiecore, 20%);
.element {
color: $barbiecore;
box-shadow: 0 0 0 2px rgba($barbiecore, 0.35);
}