En yakın adlandırılmış renk · #584149
#584149
En yakın adlandırılmış renk: Plum Intended
#584149 (rgb(88 65 73), hsl(339 15% 30%), oklch(0.403 0.034 356)) en çok Plum Intended adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#584149
oklch(0.403 0.034 356)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 675259
- 77636A
- 87757B
- 98888D
- A89B9F
- B9AEB2
- CAC2C4
- DCD6D8
- EDEAEB
Koyu tonlar
- 4B373E
- 3F2E34
- 33252A
- 281C20
- 1D1317
- 120B0E
- 090506
- 030102
- 000000
Gri tonlar
- 5C474E
- 604D54
- 645359
- 685A5E
- 6C6064
- 706669
- 746D6F
- 787375
- 7C797A
Renk uyumları
Tamamlayıcı +180°
- 584149
Plum Intended
- 344F48
≈ Amphitrite
Analog -30° +30°
- 584149
Plum Intended
- 524253
≈ Feminin Nightshade
- 5A423F
≈ Christmas Pudding
Üçlü +120° +240°
- 584149
Plum Intended
- 474B36
≈ Matsuba Green
- 374C59
≈ Nocturne
Bölünmüş tamamlayıcı +150° +210°
- 584149
Plum Intended
- 3D4E3E
≈ Hōjicha
- 324E52
≈ Dark Slate Grey
Dörtlü +90° +180° +270°
- 584149
Plum Intended
- 514733
≈ Punga
- 344F48
≈ Amphitrite
- 40485B
≈ Dark Navy
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.26:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.26:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.26:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}