Colore con nome più vicino · #722F6E
#722F6E
Colore con nome più vicino: Eminence
#722F6E (rgb(114 47 110), hsl(304 42% 32%), oklch(0.423 0.126 329.9)) è più vicino al colore con nome Eminence. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#722F6E
oklch(0.423 0.126 329.9)
Conversioni di colore
- HEX
- #722f6e
- RGB
- rgb(114 47 110)
- HSL
- hsl(304 42% 32%)
- HWB
- hwb(304 18% 55%)
- OKLCH
- oklch(0.423 0.126 329.9)
- OKLab
- oklab(0.423 0.109 -0.063)
- CIE Lab
- lab(31.18 36.64 -22.79)
- LCH
- lch(31.18 43.15 328.1)
- CMYK
- cmyk(0% 59% 4% 55%)
Tinte · Ombre · Toni
Tinte
- 80447C
- 8F588A
- 9D6C98
- AB80A7
- B994B5
- C7A9C4
- D5BED2
- E3D3E1
- F1E9F0
Ombre
- 62275F
- 532050
- 441941
- 361233
- 280C26
- 1B0619
- 0E030E
- 040104
- 010001
Toni
- 743870
- 764172
- 784974
- 7A5176
- 7B5978
- 7D617A
- 7E697B
- 7F717D
- 7F787F
Armonie di colore
Complementare +180°
- 722F6E
Eminence
- 005F28
≈ Sombre Green
Analogo -30° +30°
- 722F6E
Eminence
- 593A87
≈ Kingfisher Daisy
- 81284B
≈ Red Plum
Triadico +120° +240°
- 722F6E
Eminence
- 604B00
≈ Mud Brown
- 005864
≈ Abyssal Waters
Complementare divisa +150° +210°
- 722F6E
Eminence
- 475500
≈ Highlands Moss
- 005B4F
≈ Forest Shadows
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.94:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.34:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--eminence: #722f6e;
--eminence-rgb: 114 47 110;
--eminence-oklch: oklch(0.423 0.126 329.9);
}
.element {
color: var(--eminence);
background-color: hsl(304 42% 32%);
border-color: oklch(0.423 0.126 329.9);
}Tailwind CSS v4
@theme {
--color-eminence: #722f6e;
--color-eminence-50: #ffe9ff;
--color-eminence-100: #ffd9fb;
--color-eminence-200: #f5c1ed;
--color-eminence-300: #dea0d4;
--color-eminence-400: #c882c2;
--color-eminence-500: #b365ae;
--color-eminence-600: #985693;
--color-eminence-700: #7a4476;
--color-eminence-800: #593158;
--color-eminence-900: #3e213e;
--color-eminence-950: #271027;
}SCSS
$eminence: #722f6e;
$eminence-rgb: 114, 47, 110;
$eminence-light: mix(#fff, $eminence, 20%);
$eminence-dark: mix(#000, $eminence, 20%);
.element {
color: $eminence;
box-shadow: 0 0 0 2px rgba($eminence, 0.35);
}