이름 색상 · #AD4D8C
Purple Orchid
Purple Orchid은(는) #AD4D8C: rgb(173 77 140), hsl(321 38% 49%), oklch(0.563 0.146 342.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Purple Orchid color name →
#AD4D8C
oklch(0.563 0.146 342.7)
색상 변환
- HEX
- #ad4d8c
- RGB
- rgb(173 77 140)
- HSL
- hsl(321 38% 49%)
- HWB
- hwb(321 30% 32%)
- OKLCH
- oklch(0.563 0.146 342.7)
- OKLab
- oklab(0.563 0.139 -0.043)
- CIE Lab
- lab(47.25 45.5 -15.72)
- LCH
- lch(47.25 48.14 340.9)
- CMYK
- cmyk(0% 55% 19% 32%)
틴트 · 셰이드 · 톤
틴트
- B75F97
- C071A2
- C983AE
- D194B9
- DAA6C4
- E2B7D0
- E9C9DC
- F1DBE7
- F8EDF3
셰이드
- 964279
- 7F3767
- 6A2C55
- 552243
- 411833
- 2D0F23
- 1B0714
- 0B0207
- 010001
톤
- A9538B
- A6598A
- A25F89
- 9E6488
- 996986
- 956E85
- 907384
- 8B7783
- 867C81
색 조화
보색 +180°
- AD4D8C
Purple Orchid
- 008B60
≈ Chagall Green
유사색 -30° +30°
- AD4D8C
Purple Orchid
- 9258B2
≈ Lusty Lavender
- BA4A5D
≈ Dark Rose
삼각 배색 +120° +240°
- AD4D8C
Purple Orchid
- 837700
≈ Soft Fig
- 0082A2
≈ Ahoy! Blue
분열 보색 +150° +210°
- AD4D8C
Purple Orchid
- 52861A
≈ Avocado
- 008785
≈ Green Lapis
사각 배색 +90° +180° +270°
- AD4D8C
Purple Orchid
- 9F6800
≈ Cumin Ochre
- 008B60
≈ Chagall Green
- 2977C8
≈ Blue-Eyed Boy
대비 및 접근성
Ag
AA흰색 위
WCAG 4.97:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.21:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--purple-orchid: #ad4d8c;
--purple-orchid-rgb: 173 77 140;
--purple-orchid-oklch: oklch(0.563 0.146 342.7);
}
.element {
color: var(--purple-orchid);
background-color: hsl(321 38% 49%);
border-color: oklch(0.563 0.146 342.7);
}Tailwind CSS v4
@theme {
--color-purple-orchid: #ad4d8c;
--color-purple-orchid-50: #ffe5ff;
--color-purple-orchid-100: #ffd5f3;
--color-purple-orchid-200: #ffbce3;
--color-purple-orchid-300: #ed99c9;
--color-purple-orchid-400: #d879b5;
--color-purple-orchid-500: #c559a0;
--color-purple-orchid-600: #a64c87;
--color-purple-orchid-700: #863c6c;
--color-purple-orchid-800: #632b51;
--color-purple-orchid-900: #451d39;
--color-purple-orchid-950: #2d0d23;
}SCSS
$purple-orchid: #ad4d8c;
$purple-orchid-rgb: 173, 77, 140;
$purple-orchid-light: mix(#fff, $purple-orchid, 20%);
$purple-orchid-dark: mix(#000, $purple-orchid, 20%);
.element {
color: $purple-orchid;
box-shadow: 0 0 0 2px rgba($purple-orchid, 0.35);
}