이름 색상 · #51588E
Piccadilly Purple
Piccadilly Purple은(는) #51588E: rgb(81 88 142), hsl(233 27% 44%), oklch(0.479 0.087 277). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Piccadilly Purple color name →
#51588E
oklch(0.479 0.087 277)
색상 변환
- HEX
- #51588e
- RGB
- rgb(81 88 142)
- HSL
- hsl(233 27% 44%)
- HWB
- hwb(233 32% 44%)
- OKLCH
- oklch(0.479 0.087 277)
- OKLab
- oklab(0.479 0.011 -0.087)
- CIE Lab
- lab(38.67 8.44 -31.23)
- LCH
- lch(38.67 32.35 285.1)
- CMYK
- cmyk(43% 38% 0% 44%)
틴트 · 셰이드 · 톤
틴트
- 606899
- 7078A5
- 8188B0
- 9298BB
- A3A9C7
- B5BAD2
- C7CBDD
- D9DCE8
- ECEDF4
셰이드
- 454B7B
- 3A3F68
- 2F3356
- 242844
- 1A1D34
- 101224
- 070915
- 020307
- 000001
톤
- 555C8D
- 5A608C
- 5E658B
- 63698A
- 686D88
- 6C7187
- 717485
- 767884
- 7B7C82
색 조화
보색 +180°
- 51588E
Piccadilly Purple
- 6B5D19
≈ High Forest Green
유사색 -30° +30°
- 51588E
Piccadilly Purple
- 30618C
≈ Bay Site
- 6A4F84
≈ Zimidar
삼각 배색 +120° +240°
- 51588E
Piccadilly Purple
- 874A39
≈ Brickhouse
- 2C6C49
≈ Chopped Chive
분열 보색 +150° +210°
- 51588E
Piccadilly Purple
- 7E5320
≈ Medium Brown
- 50662D
≈ Tabbouleh Green
사각 배색 +90° +180° +270°
- 51588E
Piccadilly Purple
- 864755
≈ Haunting Melody
- 6B5D19
≈ High Forest Green
- 006C65
≈ Office Blue Green
대비 및 접근성
Ag
AA흰색 위
WCAG 6.69:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.13:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--piccadilly-purple: #51588e;
--piccadilly-purple-rgb: 81 88 142;
--piccadilly-purple-oklch: oklch(0.479 0.087 277);
}
.element {
color: var(--piccadilly-purple);
background-color: hsl(233 27% 44%);
border-color: oklch(0.479 0.087 277);
}Tailwind CSS v4
@theme {
--color-piccadilly-purple: #51588e;
--color-piccadilly-purple-50: #eff3ff;
--color-piccadilly-purple-100: #e1e6ff;
--color-piccadilly-purple-200: #ccd1fa;
--color-piccadilly-purple-300: #adb3e4;
--color-piccadilly-purple-400: #919ad2;
--color-piccadilly-purple-500: #7781c0;
--color-piccadilly-purple-600: #656da2;
--color-piccadilly-purple-700: #515782;
--color-piccadilly-purple-800: #394061;
--color-piccadilly-purple-900: #272c44;
--color-piccadilly-purple-950: #16192c;
}SCSS
$piccadilly-purple: #51588e;
$piccadilly-purple-rgb: 81, 88, 142;
$piccadilly-purple-light: mix(#fff, $piccadilly-purple, 20%);
$piccadilly-purple-dark: mix(#000, $piccadilly-purple, 20%);
.element {
color: $piccadilly-purple;
box-shadow: 0 0 0 2px rgba($piccadilly-purple, 0.35);
}