Colore con nome più vicino · #53426E
#53426E
Colore con nome più vicino: Haunted Candelabra
#53426E (rgb(83 66 110), hsl(263 25% 35%), oklch(0.416 0.074 301)) è più vicino al colore con nome Haunted Candelabra. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#53426E
oklch(0.416 0.074 301)
Conversioni di colore
- HEX
- #53426e
- RGB
- rgb(83 66 110)
- HSL
- hsl(263 25% 35%)
- HWB
- hwb(263 26% 57%)
- OKLCH
- oklch(0.416 0.074 301)
- OKLab
- oklab(0.416 0.038 -0.064)
- CIE Lab
- lab(31.29 15.15 -23.01)
- LCH
- lch(31.29 27.55 303.4)
- CMYK
- cmyk(25% 40% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 62537C
- 72658A
- 837798
- 9389A7
- A59CB5
- B6AFC4
- C8C3D2
- DAD6E1
- ECEBF0
Ombre
- 47385F
- 3B2F50
- 302541
- 251C33
- 1B1426
- 110B19
- 08050E
- 020104
- 000001
Toni
- 574870
- 5C4E72
- 605574
- 645B76
- 696178
- 6D677A
- 726D7B
- 77737D
- 7B7A7F
Armonie di colore
Complementare +180°
- 53426E
Haunted Candelabra
- 465220
≈ Verdun Green
Analogo -30° +30°
- 53426E
Haunted Candelabra
- 3D4975
≈ Daring Indigo
- 633C5F
≈ Purple Odyssey
Triadico +120° +240°
- 53426E
Haunted Candelabra
- 69421E
≈ Florida’s Alligator
- 03594E
≈ Baltic Prince
Complementare divisa +150° +210°
- 53426E
Haunted Candelabra
- 5B4A14
≈ Mud Brown
- 2A5737
≈ Green Stain
Tetradico +90° +180° +270°
- 53426E
Haunted Candelabra
- 6F3C33
≈ Metallic Copper
- 465220
≈ Verdun Green
- 005662
≈ Abyssal Waters
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.85:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.37:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--haunted-candelabra: #53426e;
--haunted-candelabra-rgb: 83 66 110;
--haunted-candelabra-oklch: oklch(0.416 0.074 301);
}
.element {
color: var(--haunted-candelabra);
background-color: hsl(263 25% 35%);
border-color: oklch(0.416 0.074 301);
}Tailwind CSS v4
@theme {
--color-haunted-candelabra: #53426e;
--color-haunted-candelabra-50: #f9f0ff;
--color-haunted-candelabra-100: #ede2fd;
--color-haunted-candelabra-200: #dacdef;
--color-haunted-candelabra-300: #bfafd7;
--color-haunted-candelabra-400: #a695c4;
--color-haunted-candelabra-500: #8e7bb0;
--color-haunted-candelabra-600: #786895;
--color-haunted-candelabra-700: #605377;
--color-haunted-candelabra-800: #463d59;
--color-haunted-candelabra-900: #302a3e;
--color-haunted-candelabra-950: #1d1727;
}SCSS
$haunted-candelabra: #53426e;
$haunted-candelabra-rgb: 83, 66, 110;
$haunted-candelabra-light: mix(#fff, $haunted-candelabra, 20%);
$haunted-candelabra-dark: mix(#000, $haunted-candelabra, 20%);
.element {
color: $haunted-candelabra;
box-shadow: 0 0 0 2px rgba($haunted-candelabra, 0.35);
}