Najbliższy nazwany kolor · #584149
#584149
Najbliższy nazwany kolor: Plum Intended
#584149 (rgb(88 65 73), hsl(339 15% 30%), oklch(0.403 0.034 356)) jest najbliższy nazwanemu kolorowi Plum Intended. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#584149
oklch(0.403 0.034 356)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 675259
- 77636A
- 87757B
- 98888D
- A89B9F
- B9AEB2
- CAC2C4
- DCD6D8
- EDEAEB
Odcienie ciemniejsze
- 4B373E
- 3F2E34
- 33252A
- 281C20
- 1D1317
- 120B0E
- 090506
- 030102
- 000000
Tony
- 5C474E
- 604D54
- 645359
- 685A5E
- 6C6064
- 706669
- 746D6F
- 787375
- 7C797A
Harmonie kolorów
Komplementarna +180°
- 584149
Plum Intended
- 344F48
≈ Amphitrite
Analogowa -30° +30°
- 584149
Plum Intended
- 524253
≈ Feminin Nightshade
- 5A423F
≈ Christmas Pudding
Triada +120° +240°
- 584149
Plum Intended
- 474B36
≈ Matsuba Green
- 374C59
≈ Nocturne
Komplementarna rozszczepiona +150° +210°
- 584149
Plum Intended
- 3D4E3E
≈ Hōjicha
- 324E52
≈ Dark Slate Grey
Tetrada +90° +180° +270°
- 584149
Plum Intended
- 514733
≈ Punga
- 344F48
≈ Amphitrite
- 40485B
≈ Dark Navy
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.26:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.26:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.26:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}