En yakın adlandırılmış renk · #726182
#726182
En yakın adlandırılmış renk: Plummy
#726182 (rgb(114 97 130), hsl(271 15% 45%), oklch(0.521 0.055 308)) en çok Plummy 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.
#726182
oklch(0.521 0.055 308)
Renk dönüşümleri
- HEX
- #726182
- RGB
- rgb(114 97 130)
- HSL
- hsl(271 15% 45%)
- HWB
- hwb(271 38% 49%)
- OKLCH
- oklch(0.521 0.055 308)
- OKLab
- oklab(0.521 0.034 -0.043)
- CIE Lab
- lab(43.75 12.16 -15.88)
- LCH
- lch(43.75 20 307.5)
- CMYK
- cmyk(12% 25% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7F708E
- 8D7F9A
- 9A8EA6
- A89DB3
- B6ADBF
- C4BDCC
- D3CDD8
- E1DEE5
- F0EEF2
Koyu tonlar
- 625370
- 53465F
- 44394E
- 362D3E
- 28212F
- 1B1520
- 0E0B12
- 040306
- 010001
Gri tonlar
- 736482
- 756782
- 766A82
- 786D82
- 797181
- 7A7481
- 7C7781
- 7D7A81
- 7F7D80
Renk uyumları
Tamamlayıcı +180°
- 726182
Plummy
- 60704D
≈ Greenfield
Analog -30° +30°
- 726182
Plummy
- 626689
≈ Champion Blue
- 7F5D74
≈ Chicha Morada
Üçlü +120° +240°
- 726182
Plummy
- 7F6447
≈ Arts and Crafts
- 42746F
≈ Surf Green
Bölünmüş tamamlayıcı +150° +210°
- 726182
Plummy
- 726A45
≈ Fossilised Leaf
- 4E735D
≈ Green Valley
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.60:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.74:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.60:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--plummy: #726182;
--plummy-rgb: 114 97 130;
--plummy-oklch: oklch(0.521 0.055 308);
}
.element {
color: var(--plummy);
background-color: hsl(271 15% 45%);
border-color: oklch(0.521 0.055 308);
}Tailwind CSS v4
@theme {
--color-plummy: #726182;
--color-plummy-50: #faf1ff;
--color-plummy-100: #ede3f6;
--color-plummy-200: #dbcee6;
--color-plummy-300: #c0b0cd;
--color-plummy-400: #a796b8;
--color-plummy-500: #907da3;
--color-plummy-600: #7a6a89;
--color-plummy-700: #62546e;
--color-plummy-800: #473e52;
--color-plummy-900: #312a39;
--color-plummy-950: #1d1823;
}SCSS
$plummy: #726182;
$plummy-rgb: 114, 97, 130;
$plummy-light: mix(#fff, $plummy, 20%);
$plummy-dark: mix(#000, $plummy, 20%);
.element {
color: $plummy;
box-shadow: 0 0 0 2px rgba($plummy, 0.35);
}