Benannte Farbe · #C071A8
Crocus
Crocus ist #C071A8: rgb(192 113 168), hsl(318 39% 60%), oklch(0.652 0.121 339.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Crocus color name →
#C071A8
oklch(0.652 0.121 339.3)
Farbumrechnungen
- HEX
- #c071a8
- RGB
- rgb(192 113 168)
- HSL
- hsl(318 39% 60%)
- HWB
- hwb(318 44% 25%)
- OKLCH
- oklch(0.652 0.121 339.3)
- OKLab
- oklab(0.652 0.114 -0.043)
- CIE Lab
- lab(57.98 37.61 -15.67)
- LCH
- lch(57.98 40.74 337.4)
- CMYK
- cmyk(0% 41% 13% 25%)
Tints · Shades · Tones
Tints
- C77FB1
- CE8DB9
- D59BC2
- DBA9CA
- E2B7D3
- E8C6DC
- EED4E5
- F4E2ED
- FAF1F6
Shades
- A76192
- 8E527C
- 764367
- 5F3552
- 49273F
- 341A2C
- 200E1A
- 0E040A
- 020101
Tones
- BA73A4
- B475A0
- AE779C
- A87898
- A17A94
- 9B7B90
- 947D8C
- 8E7E88
- 877F84
Farbharmonien
Komplementär +180°
- C071A8
Crocus
- 3FA675
≈ Cosmic Green
Analog -30° +30°
- C071A8
Crocus
- A67AC8
≈ Wisteria
- CE6E80
≈ Artful Pink
Triadisch +120° +240°
- C071A8
Crocus
- A29128
≈ Art Nouveau Green
- 00A0C1
≈ Delos Blue
Geteilt komplementär +150° +210°
- C071A8
Crocus
- 789E49
≈ Serene Sage
- 00A59E
≈ Jadestone
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.40:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.16:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--crocus: #c071a8;
--crocus-rgb: 192 113 168;
--crocus-oklch: oklch(0.652 0.121 339.3);
}
.element {
color: var(--crocus);
background-color: hsl(318 39% 60%);
border-color: oklch(0.652 0.121 339.3);
}Tailwind CSS v4
@theme {
--color-crocus: #c071a8;
--color-crocus-50: #ffe8ff;
--color-crocus-100: #ffd9f4;
--color-crocus-200: #f9c0e4;
--color-crocus-300: #e39fca;
--color-crocus-400: #ce81b6;
--color-crocus-500: #b963a0;
--color-crocus-600: #9d5587;
--color-crocus-700: #7e436c;
--color-crocus-800: #5d3151;
--color-crocus-900: #412139;
--color-crocus-950: #291023;
}SCSS
$crocus: #c071a8;
$crocus-rgb: 192, 113, 168;
$crocus-light: mix(#fff, $crocus, 20%);
$crocus-dark: mix(#000, $crocus, 20%);
.element {
color: $crocus;
box-shadow: 0 0 0 2px rgba($crocus, 0.35);
}