Couleur nommée la plus proche · #584149
#584149
Couleur nommée la plus proche: Plum Intended
#584149 (rgb(88 65 73), hsl(339 15% 30%), oklch(0.403 0.034 356)) est la plus proche de la couleur nommée Plum Intended. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#584149
oklch(0.403 0.034 356)
Conversions de couleur
- HEX
- #584149
- RGB
- rgb(88 65 73)
- HSL
- hsl(339 15% 30%)
- HWB
- hwb(339 25% 65%)
- OKLCH
- oklch(0.403 0.034 356)
- OKLab
- oklab(0.403 0.034 -0.002)
- CIE Lab
- lab(30.31 11.35 -0.78)
- LCH
- lch(30.31 11.37 356.1)
- CMYK
- cmyk(0% 26% 17% 65%)
Teintes · Ombres · Tons
Teintes
- 675259
- 77636A
- 87757B
- 98888D
- A89B9F
- B9AEB2
- CAC2C4
- DCD6D8
- EDEAEB
Ombres
- 4B373E
- 3F2E34
- 33252A
- 281C20
- 1D1317
- 120B0E
- 090506
- 030102
- 000000
Tons
- 5C474E
- 604D54
- 645359
- 685A5E
- 6C6064
- 706669
- 746D6F
- 787375
- 7C797A
Harmonies de couleurs
Complémentaire +180°
- 584149
Plum Intended
- 344F48
≈ Amphitrite
Analogue -30° +30°
- 584149
Plum Intended
- 524253
≈ Feminin Nightshade
- 5A423F
≈ Christmas Pudding
Triadique +120° +240°
- 584149
Plum Intended
- 474B36
≈ Matsuba Green
- 374C59
≈ Nocturne
Complémentaire divisée +150° +210°
- 584149
Plum Intended
- 3D4E3E
≈ Hōjicha
- 324E52
≈ Dark Slate Grey
Tétradique +90° +180° +270°
- 584149
Plum Intended
- 514733
≈ Punga
- 344F48
≈ Amphitrite
- 40485B
≈ Dark Navy
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.26:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.26:1 · APCA Lc 11
Meilleure couleur de texte: #FFFFFF
WCAG 9.26:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--plum-intended: #584149;
--plum-intended-rgb: 88 65 73;
--plum-intended-oklch: oklch(0.403 0.034 356);
}
.element {
color: var(--plum-intended);
background-color: hsl(339 15% 30%);
border-color: oklch(0.403 0.034 356);
}Tailwind CSS v4
@theme {
--color-plum-intended: #584149;
--color-plum-intended-50: #fef1f5;
--color-plum-intended-100: #f2e3e8;
--color-plum-intended-200: #e1cfd4;
--color-plum-intended-300: #c7b1b7;
--color-plum-intended-400: #b0969f;
--color-plum-intended-500: #9a7d87;
--color-plum-intended-600: #826a72;
--color-plum-intended-700: #68555b;
--color-plum-intended-800: #4c3e43;
--color-plum-intended-900: #352a2e;
--color-plum-intended-950: #20181b;
}SCSS
$plum-intended: #584149;
$plum-intended-rgb: 88, 65, 73;
$plum-intended-light: mix(#fff, $plum-intended, 20%);
$plum-intended-dark: mix(#000, $plum-intended, 20%);
.element {
color: $plum-intended;
box-shadow: 0 0 0 2px rgba($plum-intended, 0.35);
}