Benannte Farbe · #960056
Strong Cerise
Strong Cerise ist #960056: rgb(150 0 86), hsl(326 100% 29%), oklch(0.439 0.18 355.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Strong Cerise color name →
#960056
oklch(0.439 0.18 355.7)
Farbumrechnungen
- HEX
- #960056
- RGB
- rgb(150 0 86)
- HSL
- hsl(326 100% 29%)
- HWB
- hwb(326 0% 41%)
- OKLCH
- oklch(0.439 0.18 355.7)
- OKLab
- oklab(0.439 0.179 -0.014)
- CIE Lab
- lab(32.59 57.24 -4.4)
- LCH
- lch(32.59 57.41 355.6)
- CMYK
- cmyk(0% 100% 43% 41%)
Tints · Shades · Tones
Tints
- A32D65
- B04875
- BC5F85
- C77696
- D28DA7
- DCA3B8
- E6BAC9
- EFD1DB
- F7E8ED
Shades
- 82004A
- 6E003E
- 5B0032
- 490027
- 37001C
- 260012
- 160008
- 080002
- 010000
Tones
- 961F5A
- 952F5E
- 943C62
- 934767
- 91526B
- 8F5C6F
- 8C6573
- 896E77
- 85777C
Farbharmonien
Komplementär +180°
- 960056
Strong Cerise
- 006150
≈ Alpine Green
Analog -30° +30°
- 960056
Strong Cerise
- 801C86
≈ Hello Darkness My Old Friend
- 9D0014
≈ Caraquenian Crimson
Triadisch +120° +240°
- 960056
Strong Cerise
- 505800
≈ Douro
- 00597F
≈ Commandes
Geteilt komplementär +150° +210°
- 960056
Strong Cerise
- 00641B
≈ Paradise Palms
- 005E66
≈ Petrol
Tetradisch +90° +180° +270°
- 960056
Strong Cerise
- 684E00
≈ Olive Brown
- 006150
≈ Alpine Green
- 2245B3
≈ Denim
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.63:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.43:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.63:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--strong-cerise: #960056;
--strong-cerise-rgb: 150 0 86;
--strong-cerise-oklch: oklch(0.439 0.18 355.7);
}
.element {
color: var(--strong-cerise);
background-color: hsl(326 100% 29%);
border-color: oklch(0.439 0.18 355.7);
}Tailwind CSS v4
@theme {
--color-strong-cerise: #960056;
--color-strong-cerise-50: #ffe0f5;
--color-strong-cerise-100: #ffcfe8;
--color-strong-cerise-200: #ffb4d4;
--color-strong-cerise-300: #ff8eb8;
--color-strong-cerise-400: #ed6ba2;
--color-strong-cerise-500: #db438b;
--color-strong-cerise-600: #b93a75;
--color-strong-cerise-700: #952f5e;
--color-strong-cerise-800: #6e2047;
--color-strong-cerise-900: #4e1631;
--color-strong-cerise-950: #33061d;
}SCSS
$strong-cerise: #960056;
$strong-cerise-rgb: 150, 0, 86;
$strong-cerise-light: mix(#fff, $strong-cerise, 20%);
$strong-cerise-dark: mix(#000, $strong-cerise, 20%);
.element {
color: $strong-cerise;
box-shadow: 0 0 0 2px rgba($strong-cerise, 0.35);
}