이름 색상 · #837F92
Purpletone
Purpletone은(는) #837F92: rgb(131 127 146), hsl(253 8% 54%), oklch(0.606 0.029 295.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Purpletone color name →
#837F92
oklch(0.606 0.029 295.2)
색상 변환
- HEX
- #837f92
- RGB
- rgb(131 127 146)
- HSL
- hsl(253 8% 54%)
- HWB
- hwb(253 50% 43%)
- OKLCH
- oklch(0.606 0.029 295.2)
- OKLab
- oklab(0.606 0.012 -0.026)
- CIE Lab
- lab(54.03 4.5 -9.71)
- LCH
- lch(54.03 10.71 294.8)
- CMYK
- cmyk(10% 13% 0% 43%)
틴트 · 셰이드 · 톤
틴트
- 8F8B9C
- 9B97A7
- A7A4B2
- B3B0BC
- BFBDC7
- CCCAD2
- D8D7DD
- E5E4E8
- F2F2F4
셰이드
- 716E7E
- 605D6B
- 4F4C58
- 3F3C46
- 2F2D35
- 201F25
- 121116
- 060608
- 010101
톤
- 837F90
- 827F8E
- 827F8D
- 827F8B
- 818089
- 818087
- 818085
- 818084
- 808082
색 조화
보색 +180°
- 837F92
Purpletone
- 818471
≈ Hanover Pewter
유사색 -30° +30°
- 837F92
Purpletone
- 7A8294
≈ Stowaway
- 8B7C8C
≈ Mediaeval Wine
삼각 배색 +120° +240°
- 837F92
Purpletone
- 907E72
≈ Bridle Leather
- 718881
≈ Misty Moor
분열 보색 +150° +210°
- 837F92
Purpletone
- 8A816F
≈ Mossy Aura
- 788778
≈ Brassica
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.87:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.41:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--purpletone: #837f92;
--purpletone-rgb: 131 127 146;
--purpletone-oklch: oklch(0.606 0.029 295.2);
}
.element {
color: var(--purpletone);
background-color: hsl(253 8% 54%);
border-color: oklch(0.606 0.029 295.2);
}Tailwind CSS v4
@theme {
--color-purpletone: #837f92;
--color-purpletone-50: #f6f4fd;
--color-purpletone-100: #e9e6f1;
--color-purpletone-200: #d5d2df;
--color-purpletone-300: #b9b5c5;
--color-purpletone-400: #9f9bae;
--color-purpletone-500: #878398;
--color-purpletone-600: #726f80;
--color-purpletone-700: #5b5867;
--color-purpletone-800: #42414c;
--color-purpletone-900: #2e2d35;
--color-purpletone-950: #1b1a20;
}SCSS
$purpletone: #837f92;
$purpletone-rgb: 131, 127, 146;
$purpletone-light: mix(#fff, $purpletone, 20%);
$purpletone-dark: mix(#000, $purpletone, 20%);
.element {
color: $purpletone;
box-shadow: 0 0 0 2px rgba($purpletone, 0.35);
}