Colore con nome · #53465D
Petal Purple
Petal Purple è #53465D: rgb(83 70 93), hsl(274 14% 32%), oklch(0.416 0.041 310.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Petal Purple color name →
#53465D
oklch(0.416 0.041 310.2)
Conversioni di colore
- HEX
- #53465d
- RGB
- rgb(83 70 93)
- HSL
- hsl(274 14% 32%)
- HWB
- hwb(274 27% 64%)
- OKLCH
- oklch(0.416 0.041 310.2)
- OKLab
- oklab(0.416 0.026 -0.031)
- CIE Lab
- lab(31.76 9.43 -11.53)
- LCH
- lch(31.76 14.89 309.3)
- CMYK
- cmyk(11% 25% 0% 64%)
Tinte · Ombre · Toni
Tinte
- 63576C
- 73687B
- 83798B
- 948B9B
- A59EAB
- B6B0BB
- C8C4CC
- DAD7DD
- ECEBEE
Ombre
- 473C50
- 3B3243
- 302837
- 251E2A
- 1B151F
- 110D14
- 08050A
- 020203
- 000000
Toni
- 574C61
- 5C5164
- 605768
- 655D6B
- 69626F
- 6E6872
- 726E76
- 777479
- 7B7A7D
Armonie di colore
Complementare +180°
- 53465D
Petal Purple
- 455139
≈ Green Shade Wash
Analogo -30° +30°
- 53465D
Petal Purple
- 474A62
≈ Blue Suede Shoes
- 5C4353
≈ Majestic
Triadico +120° +240°
- 53465D
Petal Purple
- 5B4833
≈ Mousy Brown
- 305351
≈ Hidden Depths
Complementare divisa +150° +210°
- 53465D
Petal Purple
- 514D33
≈ Jungle King
- 385344
≈ Leprechaun Green
Tetradico +90° +180° +270°
- 53465D
Petal Purple
- 60453B
≈ Hickory Plank
- 455139
≈ Green Shade Wash
- 32515C
≈ Encore Teal
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.74:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.40:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.74:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--petal-purple: #53465d;
--petal-purple-rgb: 83 70 93;
--petal-purple-oklch: oklch(0.416 0.041 310.2);
}
.element {
color: var(--petal-purple);
background-color: hsl(274 14% 32%);
border-color: oklch(0.416 0.041 310.2);
}Tailwind CSS v4
@theme {
--color-petal-purple: #53465d;
--color-petal-purple-50: #f9f2fe;
--color-petal-purple-100: #ece4f2;
--color-petal-purple-200: #dad0e1;
--color-petal-purple-300: #bfb2c7;
--color-petal-purple-400: #a698b1;
--color-petal-purple-500: #8f7f9b;
--color-petal-purple-600: #796c83;
--color-petal-purple-700: #615669;
--color-petal-purple-800: #463f4e;
--color-petal-purple-900: #312b36;
--color-petal-purple-950: #1d1821;
}SCSS
$petal-purple: #53465d;
$petal-purple-rgb: 83, 70, 93;
$petal-purple-light: mix(#fff, $petal-purple, 20%);
$petal-purple-dark: mix(#000, $petal-purple, 20%);
.element {
color: $petal-purple;
box-shadow: 0 0 0 2px rgba($petal-purple, 0.35);
}