Nazwany kolor · #960056
Strong Cerise
Strong Cerise to #960056: rgb(150 0 86), hsl(326 100% 29%), oklch(0.439 0.18 355.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Strong Cerise color name →
#960056
oklch(0.439 0.18 355.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A32D65
- B04875
- BC5F85
- C77696
- D28DA7
- DCA3B8
- E6BAC9
- EFD1DB
- F7E8ED
Odcienie ciemniejsze
- 82004A
- 6E003E
- 5B0032
- 490027
- 37001C
- 260012
- 160008
- 080002
- 010000
Tony
- 961F5A
- 952F5E
- 943C62
- 934767
- 91526B
- 8F5C6F
- 8C6573
- 896E77
- 85777C
Harmonie kolorów
Komplementarna +180°
- 960056
Strong Cerise
- 006150
≈ Alpine Green
Analogowa -30° +30°
- 960056
Strong Cerise
- 801C86
≈ Hello Darkness My Old Friend
- 9D0014
≈ Caraquenian Crimson
Triada +120° +240°
- 960056
Strong Cerise
- 505800
≈ Douro
- 00597F
≈ Commandes
Komplementarna rozszczepiona +150° +210°
- 960056
Strong Cerise
- 00641B
≈ Paradise Palms
- 005E66
≈ Petrol
Tetrada +90° +180° +270°
- 960056
Strong Cerise
- 684E00
≈ Olive Brown
- 006150
≈ Alpine Green
- 2245B3
≈ Denim
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.63:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.43:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.63:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}