Couleur nommée la plus proche · #912673
#912673
Couleur nommée la plus proche: Haunted Purple
#912673 (rgb(145 38 115), hsl(317 58% 36%), oklch(0.464 0.164 341.4)) est la plus proche de la couleur nommée Haunted Purple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#912673
oklch(0.464 0.164 341.4)
Conversions de couleur
- HEX
- #912673
- RGB
- rgb(145 38 115)
- HSL
- hsl(317 58% 36%)
- HWB
- hwb(317 15% 43%)
- OKLCH
- oklch(0.464 0.164 341.4)
- OKLab
- oklab(0.464 0.155 -0.052)
- CIE Lab
- lab(35.46 50.34 -18.82)
- LCH
- lch(35.46 53.74 339.5)
- CMYK
- cmyk(0% 74% 21% 43%)
Teintes · Ombres · Tons
Teintes
- 9E3F80
- AA558E
- B66A9C
- C17FA9
- CD94B7
- D7A9C5
- E2BED4
- ECD4E2
- F6E9F0
Ombres
- 7D2063
- 6A1954
- 581345
- 460D36
- 350828
- 25041B
- 15020F
- 070105
- 010001
Tons
- 913375
- 903E76
- 8F4777
- 8E5079
- 8D597A
- 8B617B
- 89697D
- 86717E
- 83787F
Harmonies de couleurs
Complémentaire +180°
- 912673
Haunted Purple
- 006A46
≈ Vegan Green
Analogue -30° +30°
- 912673
Haunted Purple
- 76359A
≈ Skeletor’s Cape
- 9F1E41
≈ True Crimson
Triadique +120° +240°
- 912673
Haunted Purple
- 655A00
≈ Brussels Sprout Green
- 00637B
≈ Jamaican Dream
Complémentaire divisée +150° +210°
- 912673
Haunted Purple
- 3E6700
≈ Tatzelwurm Green
- 006764
≈ Peacock Pride
Tétradique +90° +180° +270°
- 912673
Haunted Purple
- 7B4E00
≈ Lucky Brown
- 006A46
≈ Vegan Green
- 005AA2
≈ Princess Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.69:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.72:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--haunted-purple: #912673;
--haunted-purple-rgb: 145 38 115;
--haunted-purple-oklch: oklch(0.464 0.164 341.4);
}
.element {
color: var(--haunted-purple);
background-color: hsl(317 58% 36%);
border-color: oklch(0.464 0.164 341.4);
}Tailwind CSS v4
@theme {
--color-haunted-purple: #912673;
--color-haunted-purple-50: #ffe3ff;
--color-haunted-purple-100: #ffd3f6;
--color-haunted-purple-200: #ffb8e6;
--color-haunted-purple-300: #f194cd;
--color-haunted-purple-400: #de74ba;
--color-haunted-purple-500: #ca51a5;
--color-haunted-purple-600: #ab468b;
--color-haunted-purple-700: #893770;
--color-haunted-purple-800: #652754;
--color-haunted-purple-900: #471a3b;
--color-haunted-purple-950: #2e0a25;
}SCSS
$haunted-purple: #912673;
$haunted-purple-rgb: 145, 38, 115;
$haunted-purple-light: mix(#fff, $haunted-purple, 20%);
$haunted-purple-dark: mix(#000, $haunted-purple, 20%);
.element {
color: $haunted-purple;
box-shadow: 0 0 0 2px rgba($haunted-purple, 0.35);
}