Benannte Farbe · #A87CA0
Usu Pink
Usu Pink ist #A87CA0: rgb(168 124 160), hsl(311 20% 57%), oklch(0.641 0.074 332.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Usu Pink color name →
#A87CA0
oklch(0.641 0.074 332.9)
Farbumrechnungen
- HEX
- #a87ca0
- RGB
- rgb(168 124 160)
- HSL
- hsl(311 20% 57%)
- HWB
- hwb(311 49% 34%)
- OKLCH
- oklch(0.641 0.074 332.9)
- OKLab
- oklab(0.641 0.066 -0.034)
- CIE Lab
- lab(57.36 22.1 -12.36)
- LCH
- lch(57.36 25.32 330.8)
- CMYK
- cmyk(0% 26% 5% 34%)
Tints · Shades · Tones
Tints
- B189A9
- B995B3
- C2A2BC
- CBAFC5
- D4BCCF
- DCC9D8
- E5D6E2
- EEE4EC
- F6F1F5
Shades
- 926B8B
- 7C5A76
- 674A61
- 523B4E
- 3F2C3B
- 2C1E29
- 1A1119
- 0A0509
- 010101
Tones
- A47D9D
- A07D9A
- 9C7E96
- 987E93
- 947E90
- 907F8D
- 8C7F8A
- 887F86
- 848083
Farbharmonien
Komplementär +180°
- A87CA0
Usu Pink
- 699A77
≈ Oxley
Analog -30° +30°
- A87CA0
Usu Pink
- 9582B2
≈ Bougainvillaea
- B37A88
≈ Foxglove
Triadisch +120° +240°
- A87CA0
Usu Pink
- 9C8C57
≈ Fallow Deer
- 5399A7
≈ Acapulco Cliffs
Geteilt komplementär +150° +210°
- A87CA0
Usu Pink
- 849462
≈ Epsom
- 559B91
≈ Petrol Green
Tetradisch +90° +180° +270°
- A87CA0
Usu Pink
- AD835D
≈ Circus Peanut
- 699A77
≈ Oxley
- 6492B6
≈ Scuba
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.46:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.05:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--usu-pink: #a87ca0;
--usu-pink-rgb: 168 124 160;
--usu-pink-oklch: oklch(0.641 0.074 332.9);
}
.element {
color: var(--usu-pink);
background-color: hsl(311 20% 57%);
border-color: oklch(0.641 0.074 332.9);
}Tailwind CSS v4
@theme {
--color-usu-pink: #a87ca0;
--color-usu-pink-50: #ffeefe;
--color-usu-pink-100: #f8dff2;
--color-usu-pink-200: #e9c9e1;
--color-usu-pink-300: #d0aac7;
--color-usu-pink-400: #b98fb1;
--color-usu-pink-500: #a4749b;
--color-usu-pink-600: #8a6283;
--color-usu-pink-700: #6f4e69;
--color-usu-pink-800: #51394e;
--color-usu-pink-900: #392736;
--color-usu-pink-950: #231521;
}SCSS
$usu-pink: #a87ca0;
$usu-pink-rgb: 168, 124, 160;
$usu-pink-light: mix(#fff, $usu-pink, 20%);
$usu-pink-dark: mix(#000, $usu-pink, 20%);
.element {
color: $usu-pink;
box-shadow: 0 0 0 2px rgba($usu-pink, 0.35);
}