Colore con nome · #DA93C1
Firm Pink
Firm Pink è #DA93C1: rgb(218 147 193), hsl(321 49% 72%), oklch(0.748 0.104 340.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Firm Pink color name →
#DA93C1
oklch(0.748 0.104 340.8)
Conversioni di colore
- HEX
- #da93c1
- RGB
- rgb(218 147 193)
- HSL
- hsl(321 49% 72%)
- HWB
- hwb(321 58% 15%)
- OKLCH
- oklch(0.748 0.104 340.8)
- OKLab
- oklab(0.748 0.098 -0.034)
- CIE Lab
- lab(69.29 32.56 -12.5)
- LCH
- lch(69.29 34.87 339)
- CMYK
- cmyk(0% 33% 11% 15%)
Tinte · Ombre · Toni
Tinte
- DE9EC7
- E3A9CD
- E7B3D3
- EABEDA
- EEC9E0
- F2D4E6
- F5DEEC
- F9E9F2
- FCF4F9
Ombre
- BD7FA7
- A26C8F
- 875977
- 6C475F
- 543649
- 3C2534
- 251620
- 11080E
- 020102
Toni
- D191BA
- C890B4
- BF8EAD
- B68CA7
- AD8AA0
- A4889A
- 9B8693
- 92848D
- 898286
Armonie di colore
Complementare +180°
- DA93C1
Firm Pink
- 6DC298
≈ Felt Green
Analogo -30° +30°
- DA93C1
Firm Pink
- C29BDE
≈ Mauve Mist
- E6919D
≈ Peony
Triadico +120° +240°
- DA93C1
Firm Pink
- BCAF5E
≈ Gilded Pesto
- 57BCDB
≈ Azurean
Complementare divisa +150° +210°
- DA93C1
Firm Pink
- 96BB74
≈ Olivine
- 4FC2BD
≈ Port Hope
Tetradico +90° +180° +270°
- DA93C1
Firm Pink
- D7A261
≈ Amber Brew
- 6DC298
≈ Felt Green
- 7AB2ED
≈ Fly Away
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.92:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--firm-pink: #da93c1;
--firm-pink-rgb: 218 147 193;
--firm-pink-oklch: oklch(0.748 0.104 340.8);
}
.element {
color: var(--firm-pink);
background-color: hsl(321 49% 72%);
border-color: oklch(0.748 0.104 340.8);
}Tailwind CSS v4
@theme {
--color-firm-pink: #da93c1;
--color-firm-pink-50: #ffeafd;
--color-firm-pink-100: #ffdbf1;
--color-firm-pink-200: #f5c3e0;
--color-firm-pink-300: #dda3c6;
--color-firm-pink-400: #c886b1;
--color-firm-pink-500: #b4699b;
--color-firm-pink-600: #985983;
--color-firm-pink-700: #7a4769;
--color-firm-pink-800: #5a344e;
--color-firm-pink-900: #3f2336;
--color-firm-pink-950: #281221;
}SCSS
$firm-pink: #da93c1;
$firm-pink-rgb: 218, 147, 193;
$firm-pink-light: mix(#fff, $firm-pink, 20%);
$firm-pink-dark: mix(#000, $firm-pink, 20%);
.element {
color: $firm-pink;
box-shadow: 0 0 0 2px rgba($firm-pink, 0.35);
}