Couleur nommée la plus proche · #83407A
#83407A
Couleur nommée la plus proche: Bruise
#83407A (rgb(131 64 122), hsl(308 34% 38%), oklch(0.478 0.12 332.5)) est la plus proche de la couleur nommée Bruise. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#83407A
oklch(0.478 0.12 332.5)
Conversions de couleur
- HEX
- #83407a
- RGB
- rgb(131 64 122)
- HSL
- hsl(308 34% 38%)
- HWB
- hwb(308 25% 49%)
- OKLCH
- oklch(0.478 0.12 332.5)
- OKLab
- oklab(0.478 0.106 -0.055)
- CIE Lab
- lab(37.67 35.49 -20.03)
- LCH
- lch(37.67 40.75 330.6)
- CMYK
- cmyk(0% 51% 7% 49%)
Teintes · Ombres · Tons
Teintes
- 905387
- 9C6594
- A977A1
- B68AAE
- C29DBB
- CEB0C8
- DBC3D6
- E7D7E4
- F3EBF1
Ombres
- 713669
- 602D59
- 4F2449
- 3F1B3A
- 2F132B
- 200B1D
- 120510
- 060105
- 010001
Tons
- 83477B
- 844E7C
- 84557C
- 845B7D
- 84627E
- 83687E
- 836E7F
- 82747F
- 817A80
Harmonies de couleurs
Complémentaire +180°
- 83407A
Bruise
- 0C6F3A
≈ Dartmouth Green
Analogue -30° +30°
Triadique +120° +240°
- 83407A
Bruise
- 705B00
≈ Hot Mustard
- 006979
≈ Teal With It
Complémentaire divisée +150° +210°
- 83407A
Bruise
- 526700
≈ Serrano Pepper
- 006C61
≈ Pacific Queen
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.04:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.97:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--bruise: #83407a;
--bruise-rgb: 131 64 122;
--bruise-oklch: oklch(0.478 0.12 332.5);
}
.element {
color: var(--bruise);
background-color: hsl(308 34% 38%);
border-color: oklch(0.478 0.12 332.5);
}Tailwind CSS v4
@theme {
--color-bruise: #83407a;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdaf8;
--color-bruise-200: #f5c2e9;
--color-bruise-300: #dea0d0;
--color-bruise-400: #c883bd;
--color-bruise-500: #b466a8;
--color-bruise-600: #98578e;
--color-bruise-700: #7a4572;
--color-bruise-800: #593256;
--color-bruise-900: #3f223c;
--color-bruise-950: #281125;
}SCSS
$bruise: #83407a;
$bruise-rgb: 131, 64, 122;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}