Benannte Farbe · #C034AF
Pink Perennial
Pink Perennial ist #C034AF: rgb(192 52 175), hsl(307 57% 48%), oklch(0.58 0.218 333.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Pink Perennial color name →
#C034AF
oklch(0.58 0.218 333.5)
Farbumrechnungen
- HEX
- #c034af
- RGB
- rgb(192 52 175)
- HSL
- hsl(307 57% 48%)
- HWB
- hwb(307 20% 25%)
- OKLCH
- oklch(0.58 0.218 333.5)
- OKLab
- oklab(0.58 0.195 -0.097)
- CIE Lab
- lab(47.99 64.62 -35.03)
- LCH
- lch(47.99 73.51 331.5)
- CMYK
- cmyk(0% 73% 9% 25%)
Tints · Shades · Tones
Tints
- C84EB7
- D064C0
- D879C8
- DF8DD0
- E5A0D8
- EBB3E0
- F1C6E8
- F6D9F0
- FBECF7
Shades
- A72C98
- 8E2481
- 761C6B
- 5F1556
- 490E41
- 34072E
- 20031C
- 0E010B
- 020001
Tones
- BB41AB
- B54BA6
- B054A2
- AA5C9D
- A46398
- 9D6A94
- 97708F
- 90768A
- 887B85
Farbharmonien
Komplementär +180°
- C034AF
Pink Perennial
- 00924E
≈ Moss
Analog -30° +30°
- C034AF
Pink Perennial
- 974BE1
≈ Chaste Blossoms
- D8206D
≈ Dogwood Rose
Triadisch +120° +240°
- C034AF
Pink Perennial
- 927800
≈ Bhūrā Brown
- 00899E
≈ Teal Blue
Geteilt komplementär +150° +210°
- C034AF
Pink Perennial
- 6A8700
≈ Swamp Green
- 008E81
≈ Philips Green
Tetradisch +90° +180° +270°
- C034AF
Pink Perennial
- AF6600
≈ Ginger
- 00924E
≈ Moss
- 0081C7
≈ Water Raceway
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.82:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.35:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--pink-perennial: #c034af;
--pink-perennial-rgb: 192 52 175;
--pink-perennial-oklch: oklch(0.58 0.218 333.5);
}
.element {
color: var(--pink-perennial);
background-color: hsl(307 57% 48%);
border-color: oklch(0.58 0.218 333.5);
}Tailwind CSS v4
@theme {
--color-pink-perennial: #c034af;
--color-pink-perennial-50: #ffdeff;
--color-pink-perennial-100: #ffccff;
--color-pink-perennial-200: #ffb0f8;
--color-pink-perennial-300: #fa88e2;
--color-pink-perennial-400: #e663d3;
--color-pink-perennial-500: #d435c1;
--color-pink-perennial-600: #b32fa3;
--color-pink-perennial-700: #902683;
--color-pink-perennial-800: #6a1a63;
--color-pink-perennial-900: #4b1146;
--color-pink-perennial-950: #31032d;
}SCSS
$pink-perennial: #c034af;
$pink-perennial-rgb: 192, 52, 175;
$pink-perennial-light: mix(#fff, $pink-perennial, 20%);
$pink-perennial-dark: mix(#000, $pink-perennial, 20%);
.element {
color: $pink-perennial;
box-shadow: 0 0 0 2px rgba($pink-perennial, 0.35);
}