Colore con nome · #752653
Dried Flower Purple
Dried Flower Purple è #752653: rgb(117 38 83), hsl(326 51% 30%), oklch(0.403 0.122 348.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Dried Flower Purple color name →
#752653
oklch(0.403 0.122 348.7)
Conversioni di colore
- HEX
- #752653
- RGB
- rgb(117 38 83)
- HSL
- hsl(326 51% 30%)
- HWB
- hwb(326 15% 54%)
- OKLCH
- oklch(0.403 0.122 348.7)
- OKLab
- oklab(0.403 0.119 -0.024)
- CIE Lab
- lab(29.09 38.53 -8.49)
- LCH
- lch(29.09 39.45 347.6)
- CMYK
- cmyk(0% 68% 29% 54%)
Tinte · Ombre · Toni
Tinte
- 843C63
- 925173
- A16683
- AF7B94
- BD90A5
- CAA5B6
- D8BBC8
- E5D2DA
- F2E8EC
Ombre
- 652047
- 55193B
- 461330
- 370D25
- 29081B
- 1C0411
- 0F0208
- 050102
- 010000
Toni
- 773157
- 793A5C
- 7B4460
- 7D4D65
- 7E5569
- 7F5E6E
- 806772
- 806F77
- 80787B
Armonie di colore
Complementare +180°
- 752653
Dried Flower Purple
- 005641
≈ Sacramento State Green
Analogo -30° +30°
- 752653
Dried Flower Purple
- 632E71
≈ Imperial
- 7D242E
≈ Scarlet Shade
Triadico +120° +240°
- 752653
Dried Flower Purple
- 4D4C00
≈ Scorzonera Brown
- 00506A
≈ Hanada Blue
Complementare divisa +150° +210°
- 752653
Dried Flower Purple
- 1F5706
≈ Lincoln Green
- 005356
≈ Ice Dark Turquoise
Tetradico +90° +180° +270°
- 752653
Dried Flower Purple
- 614200
≈ Notorious Neanderthal
- 005641
≈ Sacramento State Green
- 1A4689
≈ Indigo Hamlet
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.72:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.15:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.72:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--dried-flower-purple: #752653;
--dried-flower-purple-rgb: 117 38 83;
--dried-flower-purple-oklch: oklch(0.403 0.122 348.7);
}
.element {
color: var(--dried-flower-purple);
background-color: hsl(326 51% 30%);
border-color: oklch(0.403 0.122 348.7);
}Tailwind CSS v4
@theme {
--color-dried-flower-purple: #752653;
--color-dried-flower-purple-50: #ffe8fa;
--color-dried-flower-purple-100: #ffd8ed;
--color-dried-flower-purple-200: #febfdb;
--color-dried-flower-purple-300: #e89ebf;
--color-dried-flower-purple-400: #d380aa;
--color-dried-flower-purple-500: #c06193;
--color-dried-flower-purple-600: #a2537c;
--color-dried-flower-purple-700: #824264;
--color-dried-flower-purple-800: #602f4b;
--color-dried-flower-purple-900: #432034;
--color-dried-flower-purple-950: #2b0f1f;
}SCSS
$dried-flower-purple: #752653;
$dried-flower-purple-rgb: 117, 38, 83;
$dried-flower-purple-light: mix(#fff, $dried-flower-purple, 20%);
$dried-flower-purple-dark: mix(#000, $dried-flower-purple, 20%);
.element {
color: $dried-flower-purple;
box-shadow: 0 0 0 2px rgba($dried-flower-purple, 0.35);
}