Adlandırılmış renk · #825F87
Dusty Purple
Dusty Purple, #825F87: rgb(130 95 135), hsl(293 17% 45%), oklch(0.536 0.074 322.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Dusty Purple color name →
#825F87
oklch(0.536 0.074 322.2)
Renk dönüşümleri
- HEX
- #825f87
- RGB
- rgb(130 95 135)
- HSL
- hsl(293 17% 45%)
- HWB
- hwb(293 37% 47%)
- OKLCH
- oklch(0.536 0.074 322.2)
- OKLab
- oklab(0.536 0.058 -0.045)
- CIE Lab
- lab(45.14 20.15 -16.58)
- LCH
- lch(45.14 26.09 320.5)
- CMYK
- cmyk(4% 30% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E6E93
- 9A7D9E
- A68DAA
- B39CB6
- BFACC2
- CCBCCE
- D8CDDA
- E5DDE6
- F2EEF3
Koyu tonlar
- 705275
- 5F4463
- 4E3851
- 3E2C41
- 2F2031
- 201521
- 120A13
- 060306
- 010001
Gri tonlar
- 826286
- 826686
- 826985
- 826D85
- 827084
- 817383
- 817682
- 817A82
- 807D81
Renk uyumları
Tamamlayıcı +180°
- 825F87
Dusty Purple
- 547951
≈ Torrey Pine
Analog -30° +30°
- 825F87
Dusty Purple
- 6E6695
≈ Pandora
- 8F5B72
≈ Grape Nectar
Üçlü +120° +240°
- 825F87
Dusty Purple
- 836939
≈ By Gum
- 2E7A80
≈ Diver’s Eden
Bölünmüş tamamlayıcı +150° +210°
- 825F87
Dusty Purple
- 6E723E
≈ Relentless Olive
- 3A7C69
≈ Green Moray
Dörtlü +90° +180° +270°
- 825F87
Dusty Purple
- 906144
≈ Cinnamon Spice
- 547951
≈ Torrey Pine
- 3D7591
≈ Harbour Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.33:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.93:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--dusty-purple: #825f87;
--dusty-purple-rgb: 130 95 135;
--dusty-purple-oklch: oklch(0.536 0.074 322.2);
}
.element {
color: var(--dusty-purple);
background-color: hsl(293 17% 45%);
border-color: oklch(0.536 0.074 322.2);
}Tailwind CSS v4
@theme {
--color-dusty-purple: #825f87;
--color-dusty-purple-50: #ffeeff;
--color-dusty-purple-100: #f5e0f6;
--color-dusty-purple-200: #e5cae6;
--color-dusty-purple-300: #cbabcd;
--color-dusty-purple-400: #b490b9;
--color-dusty-purple-500: #9e76a3;
--color-dusty-purple-600: #85648a;
--color-dusty-purple-700: #6b506f;
--color-dusty-purple-800: #4e3a52;
--color-dusty-purple-900: #362839;
--color-dusty-purple-950: #211624;
}SCSS
$dusty-purple: #825f87;
$dusty-purple-rgb: 130, 95, 135;
$dusty-purple-light: mix(#fff, $dusty-purple, 20%);
$dusty-purple-dark: mix(#000, $dusty-purple, 20%);
.element {
color: $dusty-purple;
box-shadow: 0 0 0 2px rgba($dusty-purple, 0.35);
}