Colore con nome · #8C055E
Cardinal Pink
Cardinal Pink è #8C055E: rgb(140 5 94), hsl(320 93% 28%), oklch(0.425 0.175 348.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Cardinal Pink color name →
#8C055E
oklch(0.425 0.175 348.6)
Conversioni di colore
- HEX
- #8c055e
- RGB
- rgb(140 5 94)
- HSL
- hsl(320 93% 28%)
- HWB
- hwb(320 2% 45%)
- OKLCH
- oklch(0.425 0.175 348.6)
- OKLab
- oklab(0.425 0.172 -0.035)
- CIE Lab
- lab(30.93 54.72 -12.37)
- LCH
- lch(30.93 56.1 347.3)
- CMYK
- cmyk(0% 96% 33% 45%)
Tinte · Ombre · Toni
Tinte
- 9A2D6D
- A7477C
- B45F8C
- C0759B
- CC8CAB
- D7A3BC
- E2B9CC
- ECD0DD
- F6E7EE
Ombre
- 790451
- 670344
- 550237
- 43012B
- 33011F
- 230014
- 14000A
- 070003
- 010000
Toni
- 8D1F61
- 8D2F65
- 8D3B68
- 8D476C
- 8C516F
- 8A5B73
- 896576
- 866E79
- 84777D
Armonie di colore
Complementare +180°
- 8C055E
Cardinal Pink
- 005D46
≈ Sci-Fi Takeout
Analogo -30° +30°
- 8C055E
Cardinal Pink
- 741F8A
≈ Orb of Discord
- 950027
≈ Succubus
Triadico +120° +240°
- 8C055E
Cardinal Pink
- 535200
≈ Douro
- 005772
≈ Subaqueous
Complementare divisa +150° +210°
- 8C055E
Cardinal Pink
- 205E00
≈ Thuja Green
- 005A5D
≈ Blue Emerald
Tetradico +90° +180° +270°
- 8C055E
Cardinal Pink
- 684700
≈ Violin Brown
- 005D46
≈ Sci-Fi Takeout
- 0048A4
≈ Soulstone Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.13:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.29:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 9.13:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--cardinal-pink: #8c055e;
--cardinal-pink-rgb: 140 5 94;
--cardinal-pink-oklch: oklch(0.425 0.175 348.6);
}
.element {
color: var(--cardinal-pink);
background-color: hsl(320 93% 28%);
border-color: oklch(0.425 0.175 348.6);
}Tailwind CSS v4
@theme {
--color-cardinal-pink: #8c055e;
--color-cardinal-pink-50: #ffe1fc;
--color-cardinal-pink-100: #ffd0f0;
--color-cardinal-pink-200: #ffb5de;
--color-cardinal-pink-300: #fa90c3;
--color-cardinal-pink-400: #e76eaf;
--color-cardinal-pink-500: #d44899;
--color-cardinal-pink-600: #b33f81;
--color-cardinal-pink-700: #903268;
--color-cardinal-pink-800: #6b234e;
--color-cardinal-pink-900: #4b1737;
--color-cardinal-pink-950: #310721;
}SCSS
$cardinal-pink: #8c055e;
$cardinal-pink-rgb: 140, 5, 94;
$cardinal-pink-light: mix(#fff, $cardinal-pink, 20%);
$cardinal-pink-dark: mix(#000, $cardinal-pink, 20%);
.element {
color: $cardinal-pink;
box-shadow: 0 0 0 2px rgba($cardinal-pink, 0.35);
}