Colore con nome più vicino · #584149
#584149
Colore con nome più vicino: Plum Intended
#584149 (rgb(88 65 73), hsl(339 15% 30%), oklch(0.403 0.034 356)) è più vicino al colore con nome Plum Intended. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#584149
oklch(0.403 0.034 356)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 675259
- 77636A
- 87757B
- 98888D
- A89B9F
- B9AEB2
- CAC2C4
- DCD6D8
- EDEAEB
Ombre
- 4B373E
- 3F2E34
- 33252A
- 281C20
- 1D1317
- 120B0E
- 090506
- 030102
- 000000
Toni
- 5C474E
- 604D54
- 645359
- 685A5E
- 6C6064
- 706669
- 746D6F
- 787375
- 7C797A
Armonie di colore
Complementare +180°
- 584149
Plum Intended
- 344F48
≈ Amphitrite
Analogo -30° +30°
- 584149
Plum Intended
- 524253
≈ Feminin Nightshade
- 5A423F
≈ Christmas Pudding
Triadico +120° +240°
- 584149
Plum Intended
- 474B36
≈ Matsuba Green
- 374C59
≈ Nocturne
Complementare divisa +150° +210°
- 584149
Plum Intended
- 3D4E3E
≈ Hōjicha
- 324E52
≈ Dark Slate Grey
Tetradico +90° +180° +270°
- 584149
Plum Intended
- 514733
≈ Punga
- 344F48
≈ Amphitrite
- 40485B
≈ Dark Navy
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.26:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.26:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.26:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
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);
}