Colore con nome · #B72356
Perfect Pout
Perfect Pout è #B72356: rgb(183 35 86), hsl(339 68% 43%), oklch(0.516 0.184 6.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Perfect Pout color name →
#B72356
oklch(0.516 0.184 6.8)
Conversioni di colore
- HEX
- #b72356
- RGB
- rgb(183 35 86)
- HSL
- hsl(339 68% 43%)
- HWB
- hwb(339 14% 28%)
- OKLCH
- oklch(0.516 0.184 6.8)
- OKLab
- oklab(0.516 0.183 0.022)
- CIE Lab
- lab(41.7 59.71 9.68)
- LCH
- lch(41.7 60.49 9.2)
- CMYK
- cmyk(0% 81% 53% 28%)
Tinte · Ombre · Toni
Tinte
- C14165
- CB5875
- D46E85
- DC8396
- E398A7
- EAADB8
- F0C1C9
- F6D6DB
- FBEAED
Ombre
- 9F1D4A
- 87173E
- 701132
- 5A0C27
- 45071C
- 310412
- 1E0108
- 0C0002
- 020000
Toni
- B3335A
- AF405E
- AB4A62
- A65367
- A15C6B
- 9C646F
- 966B73
- 8F7377
- 88797C
Armonie di colore
Complementare +180°
- B72356
Perfect Pout
- 007870
≈ Mermaid Harbour
Analogo -30° +30°
- B72356
Perfect Pout
- A42F8E
≈ Magneto’s Magenta
- B53300
≈ Crimson Sword
Triadico +120° +240°
- B72356
Perfect Pout
- 547500
≈ Tropicana
- 006CB0
≈ Daphne
Complementare divisa +150° +210°
- B72356
Perfect Pout
- 007C4A
≈ Woodland Soul
- 00748A
≈ Glamour Green
Tetradico +90° +180° +270°
- B72356
Perfect Pout
- 7A6700
≈ Arousing Alligator
- 007870
≈ Mermaid Harbour
- 5255CE
≈ Iris
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.19:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.38:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--perfect-pout: #b72356;
--perfect-pout-rgb: 183 35 86;
--perfect-pout-oklch: oklch(0.516 0.184 6.8);
}
.element {
color: var(--perfect-pout);
background-color: hsl(339 68% 43%);
border-color: oklch(0.516 0.184 6.8);
}Tailwind CSS v4
@theme {
--color-perfect-pout: #b72356;
--color-perfect-pout-50: #ffe0ea;
--color-perfect-pout-100: #ffcfdb;
--color-perfect-pout-200: #ffb3c4;
--color-perfect-pout-300: #ff8da4;
--color-perfect-pout-400: #f5688c;
--color-perfect-pout-500: #e33e72;
--color-perfect-pout-600: #bf3660;
--color-perfect-pout-700: #9a2c4d;
--color-perfect-pout-800: #731e3a;
--color-perfect-pout-900: #511428;
--color-perfect-pout-950: #350416;
}SCSS
$perfect-pout: #b72356;
$perfect-pout-rgb: 183, 35, 86;
$perfect-pout-light: mix(#fff, $perfect-pout, 20%);
$perfect-pout-dark: mix(#000, $perfect-pout, 20%);
.element {
color: $perfect-pout;
box-shadow: 0 0 0 2px rgba($perfect-pout, 0.35);
}