Couleur nommée la plus proche · #74346F
#74346F
Couleur nommée la plus proche: Eminence
#74346F (rgb(116 52 111), hsl(305 38% 33%), oklch(0.433 0.12 330.4)) est la plus proche de la couleur nommée Eminence. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#74346F
oklch(0.433 0.12 330.4)
Conversions de couleur
- HEX
- #74346f
- RGB
- rgb(116 52 111)
- HSL
- hsl(305 38% 33%)
- HWB
- hwb(305 20% 55%)
- OKLCH
- oklch(0.433 0.12 330.4)
- OKLab
- oklab(0.433 0.104 -0.059)
- CIE Lab
- lab(32.51 34.97 -21.34)
- LCH
- lch(32.51 40.97 328.6)
- CMYK
- cmyk(0% 55% 4% 55%)
Teintes · Ombres · Tons
Teintes
- 82487D
- 905B8B
- 9E6F99
- AC82A7
- BA96B5
- C8ABC4
- D6BFD2
- E3D4E1
- F1E9F0
Ombres
- 642C60
- 542451
- 451C42
- 371534
- 290E27
- 1B071A
- 0F030E
- 050104
- 010001
Tons
- 763C71
- 784573
- 794C75
- 7B5477
- 7C5C78
- 7D637A
- 7E6A7C
- 7F727D
- 80797F
Harmonies de couleurs
Complémentaire +180°
- 74346F
Eminence
- 00622B
≈ Ficus Elastica
Analogue -30° +30°
- 74346F
Eminence
- 5C3E87
≈ Daisy Bush
- 822E4D
≈ Beaujolais
Triadique +120° +240°
- 74346F
Eminence
- 634E00
≈ Olive Brown
- 005B68
≈ Egyptian Enamel
Complémentaire divisée +150° +210°
- 74346F
Eminence
- 495800
≈ Lustrian Undergrowth
- 005E53
≈ Alpine Green
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.52:1 · APCA Lc 89
Ag
FailSur noir
WCAG 2.46:1 · APCA Lc 13
Meilleure couleur de texte: #FFFFFF
WCAG 8.52:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--eminence: #74346f;
--eminence-rgb: 116 52 111;
--eminence-oklch: oklch(0.433 0.12 330.4);
}
.element {
color: var(--eminence);
background-color: hsl(305 38% 33%);
border-color: oklch(0.433 0.12 330.4);
}Tailwind CSS v4
@theme {
--color-eminence: #74346f;
--color-eminence-50: #ffe9ff;
--color-eminence-100: #ffdafa;
--color-eminence-200: #f4c2eb;
--color-eminence-300: #dca1d2;
--color-eminence-400: #c784c0;
--color-eminence-500: #b266ab;
--color-eminence-600: #965790;
--color-eminence-700: #794574;
--color-eminence-800: #583257;
--color-eminence-900: #3e223d;
--color-eminence-950: #271126;
}SCSS
$eminence: #74346f;
$eminence-rgb: 116, 52, 111;
$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);
}