Couleur nommée la plus proche · #6F496E
#6F496E
Couleur nommée la plus proche: Purple Passion
#6F496E (rgb(111 73 110), hsl(302 21% 36%), oklch(0.462 0.075 327.6)) est la plus proche de la couleur nommée Purple Passion. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6F496E
oklch(0.462 0.075 327.6)
Conversions de couleur
- HEX
- #6f496e
- RGB
- rgb(111 73 110)
- HSL
- hsl(302 21% 36%)
- HWB
- hwb(302 29% 56%)
- OKLCH
- oklch(0.462 0.075 327.6)
- OKLab
- oklab(0.462 0.063 -0.04)
- CIE Lab
- lab(36.48 21.54 -14.71)
- LCH
- lch(36.48 26.08 325.7)
- CMYK
- cmyk(0% 34% 1% 56%)
Teintes · Ombres · Tons
Teintes
- 7D5A7C
- 8B6B8A
- 997C98
- A78EA6
- B5A0B4
- C4B2C3
- D2C5D2
- E1D8E1
- F0EBF0
Ombres
- 603E5F
- 513450
- 422A41
- 342033
- 271726
- 1A0E19
- 0E060E
- 040204
- 010001
Tons
- 714F70
- 735472
- 755A74
- 775F76
- 786577
- 7A6A79
- 7C707B
- 7D757D
- 7F7B7E
Harmonies de couleurs
Complémentaire +180°
- 6F496E
Purple Passion
- 3A6440
≈ Jurassic Park
Analogue -30° +30°
- 6F496E
Purple Passion
- 5D4F7D
≈ Imperial Palace
- 7A4659
≈ Cheerful Wine
Triadique +120° +240°
- 6F496E
Purple Passion
- 6A5621
≈ Field Drab
- 0F646E
≈ Seamount
Complémentaire divisée +150° +210°
- 6F496E
Purple Passion
- 555E2A
≈ Saratoga
- 1B6658
≈ Eucalyptus Green
Tétradique +90° +180° +270°
- 6F496E
Purple Passion
- 784D2C
≈ Kinsusutake Brown
- 3A6440
≈ Jurassic Park
- 2A5E7D
≈ Suez Canal
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.35:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.85:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--purple-passion: #6f496e;
--purple-passion-rgb: 111 73 110;
--purple-passion-oklch: oklch(0.462 0.075 327.6);
}
.element {
color: var(--purple-passion);
background-color: hsl(302 21% 36%);
border-color: oklch(0.462 0.075 327.6);
}Tailwind CSS v4
@theme {
--color-purple-passion: #6f496e;
--color-purple-passion-50: #ffeeff;
--color-purple-passion-100: #f7dff4;
--color-purple-passion-200: #e7c9e4;
--color-purple-passion-300: #ceaaca;
--color-purple-passion-400: #b78fb5;
--color-purple-passion-500: #a174a0;
--color-purple-passion-600: #886387;
--color-purple-passion-700: #6d4f6c;
--color-purple-passion-800: #503951;
--color-purple-passion-900: #382738;
--color-purple-passion-950: #221523;
}SCSS
$purple-passion: #6f496e;
$purple-passion-rgb: 111, 73, 110;
$purple-passion-light: mix(#fff, $purple-passion, 20%);
$purple-passion-dark: mix(#000, $purple-passion, 20%);
.element {
color: $purple-passion;
box-shadow: 0 0 0 2px rgba($purple-passion, 0.35);
}