이름 색상 · #825F87
Dusty Purple
Dusty Purple은(는) #825F87: rgb(130 95 135), hsl(293 17% 45%), oklch(0.536 0.074 322.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Dusty Purple color name →
#825F87
oklch(0.536 0.074 322.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8E6E93
- 9A7D9E
- A68DAA
- B39CB6
- BFACC2
- CCBCCE
- D8CDDA
- E5DDE6
- F2EEF3
셰이드
- 705275
- 5F4463
- 4E3851
- 3E2C41
- 2F2031
- 201521
- 120A13
- 060306
- 010001
톤
- 826286
- 826686
- 826985
- 826D85
- 827084
- 817383
- 817682
- 817A82
- 807D81
색 조화
보색 +180°
- 825F87
Dusty Purple
- 547951
≈ Torrey Pine
유사색 -30° +30°
- 825F87
Dusty Purple
- 6E6695
≈ Pandora
- 8F5B72
≈ Grape Nectar
삼각 배색 +120° +240°
- 825F87
Dusty Purple
- 836939
≈ By Gum
- 2E7A80
≈ Diver’s Eden
분열 보색 +150° +210°
- 825F87
Dusty Purple
- 6E723E
≈ Relentless Olive
- 3A7C69
≈ Green Moray
사각 배색 +90° +180° +270°
- 825F87
Dusty Purple
- 906144
≈ Cinnamon Spice
- 547951
≈ Torrey Pine
- 3D7591
≈ Harbour Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.33:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 3.93:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.33:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
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);
}