Couleur nommée la plus proche · #7E435D
#7E435D
Couleur nommée la plus proche: Passionate Plum
#7E435D (rgb(126 67 93), hsl(334 31% 38%), oklch(0.463 0.087 353.2)) est la plus proche de la couleur nommée Passionate Plum. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7E435D
oklch(0.463 0.087 353.2)
Conversions de couleur
- HEX
- #7e435d
- RGB
- rgb(126 67 93)
- HSL
- hsl(334 31% 38%)
- HWB
- hwb(334 26% 51%)
- OKLCH
- oklch(0.463 0.087 353.2)
- OKLab
- oklab(0.463 0.087 -0.01)
- CIE Lab
- lab(36.61 28.46 -3.6)
- LCH
- lch(36.61 28.68 352.8)
- CMYK
- cmyk(0% 47% 26% 51%)
Teintes · Ombres · Tons
Teintes
- 8B556C
- 98667B
- A5788A
- B28B9A
- BF9DAA
- CCB0BB
- D9C4CB
- E6D7DC
- F2EBEE
Ombres
- 6D3950
- 5C2F43
- 4C2637
- 3C1D2A
- 2D141F
- 1F0C14
- 11050A
- 050103
- 010000
Tons
- 7F4960
- 805064
- 805667
- 815C6B
- 81626E
- 816872
- 816E75
- 817479
- 817A7C
Harmonies de couleurs
Complémentaire +180°
- 7E435D
Passionate Plum
- 056854
≈ Piney Lake
Analogue -30° +30°
- 7E435D
Passionate Plum
- 704775
≈ Hyssop
- 834441
≈ Spiced Berry
Triadique +120° +240°
- 7E435D
Passionate Plum
- 595E1C
≈ Kirchner Green
- 166182
≈ Blue Velvet
Complémentaire divisée +150° +210°
- 7E435D
Passionate Plum
- 396537
≈ Greenhouse
- 00666D
≈ Trouser Blue
Tétradique +90° +180° +270°
- 7E435D
Passionate Plum
- 705412
≈ Field Drab
- 056854
≈ Piney Lake
- 3F588A
≈ True Navy
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.37:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.84:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--passionate-plum: #7e435d;
--passionate-plum-rgb: 126 67 93;
--passionate-plum-oklch: oklch(0.463 0.087 353.2);
}
.element {
color: var(--passionate-plum);
background-color: hsl(334 31% 38%);
border-color: oklch(0.463 0.087 353.2);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #7e435d;
--color-passionate-plum-50: #ffebf6;
--color-passionate-plum-100: #ffdce9;
--color-passionate-plum-200: #f4c5d6;
--color-passionate-plum-300: #dda5b9;
--color-passionate-plum-400: #c889a3;
--color-passionate-plum-500: #b36d8b;
--color-passionate-plum-600: #975d76;
--color-passionate-plum-700: #794a5e;
--color-passionate-plum-800: #593546;
--color-passionate-plum-900: #3f2430;
--color-passionate-plum-950: #28131d;
}SCSS
$passionate-plum: #7e435d;
$passionate-plum-rgb: 126, 67, 93;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}