이름 색상 · #9F5F9F
Heath Spotted Orchid
Heath Spotted Orchid은(는) #9F5F9F: rgb(159 95 159), hsl(300 25% 50%), oklch(0.58 0.12 327). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Heath Spotted Orchid color name →
#9F5F9F
oklch(0.58 0.12 327)
색상 변환
- HEX
- #9f5f9f
- RGB
- rgb(159 95 159)
- HSL
- hsl(300 25% 50%)
- HWB
- hwb(300 37% 38%)
- OKLCH
- oklch(0.58 0.12 327)
- OKLab
- oklab(0.58 0.1 -0.065)
- CIE Lab
- lab(49.52 34.21 -23.74)
- LCH
- lch(49.52 41.64 325.2)
- CMYK
- cmyk(0% 40% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- A96FA9
- B37EB2
- BD8EBC
- C69EC5
- D0AECF
- D9BED8
- E3CEE2
- ECDEEC
- F6EEF5
셰이드
- 8A528A
- 754475
- 613861
- 4D2C4D
- 3B203B
- 291529
- 180A18
- 090309
- 010001
톤
- 9C639C
- 9A6799
- 976A96
- 946E93
- 917190
- 8E748D
- 8A778A
- 877A87
- 847D83
색 조화
보색 +180°
- 9F5F9F
Heath Spotted Orchid
- 438D4E
≈ Underclover
유사색 -30° +30°
- 9F5F9F
Heath Spotted Orchid
- 8269B8
≈ Lavish Spending
- B1597B
≈ Kir Royale Rose
삼각 배색 +120° +240°
- 9F5F9F
Heath Spotted Orchid
- 987400
≈ Mesozoic Green
- 008A98
≈ Atlantic Blue
분열 보색 +150° +210°
- 9F5F9F
Heath Spotted Orchid
- 768321
≈ Pacifika
- 008F79
≈ Philips Green
사각 배색 +90° +180° +270°
- 9F5F9F
Heath Spotted Orchid
- AE6528
≈ Date Fruit Brown
- 438D4E
≈ Underclover
- 1883B8
≈ Mediterranean Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 4.55:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.61:1 · APCA Lc 30
가장 좋은 글자색: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
코드 스니펫
CSS
:root {
--heath-spotted-orchid: #9f5f9f;
--heath-spotted-orchid-rgb: 159 95 159;
--heath-spotted-orchid-oklch: oklch(0.58 0.12 327);
}
.element {
color: var(--heath-spotted-orchid);
background-color: hsl(300 25% 50%);
border-color: oklch(0.58 0.12 327);
}Tailwind CSS v4
@theme {
--color-heath-spotted-orchid: #9f5f9f;
--color-heath-spotted-orchid-50: #ffeaff;
--color-heath-spotted-orchid-100: #ffdafc;
--color-heath-spotted-orchid-200: #f2c2ee;
--color-heath-spotted-orchid-300: #daa1d6;
--color-heath-spotted-orchid-400: #c485c3;
--color-heath-spotted-orchid-500: #af67af;
--color-heath-spotted-orchid-600: #945894;
--color-heath-spotted-orchid-700: #774677;
--color-heath-spotted-orchid-800: #573359;
--color-heath-spotted-orchid-900: #3d233e;
--color-heath-spotted-orchid-950: #261127;
}SCSS
$heath-spotted-orchid: #9f5f9f;
$heath-spotted-orchid-rgb: 159, 95, 159;
$heath-spotted-orchid-light: mix(#fff, $heath-spotted-orchid, 20%);
$heath-spotted-orchid-dark: mix(#000, $heath-spotted-orchid, 20%);
.element {
color: $heath-spotted-orchid;
box-shadow: 0 0 0 2px rgba($heath-spotted-orchid, 0.35);
}