이름 색상 · #966993
Tulipan Violet
Tulipan Violet은(는) #966993: rgb(150 105 147), hsl(304 18% 50%), oklch(0.582 0.082 328.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Tulipan Violet color name →
#966993
oklch(0.582 0.082 328.8)
색상 변환
- HEX
- #966993
- RGB
- rgb(150 105 147)
- HSL
- hsl(304 18% 50%)
- HWB
- hwb(304 41% 41%)
- OKLCH
- oklch(0.582 0.082 328.8)
- OKLab
- oklab(0.582 0.07 -0.043)
- CIE Lab
- lab(50.31 23.87 -15.61)
- LCH
- lch(50.31 28.52 326.8)
- CMYK
- cmyk(0% 30% 2% 41%)
틴트 · 셰이드 · 톤
틴트
- A0779D
- AB86A8
- B594B3
- C0A3BD
- CAB2C8
- D5C1D3
- DFD0DE
- EAE0E9
- F4EFF4
셰이드
- 825A7F
- 6E4C6C
- 5B3E59
- 493147
- 372436
- 261825
- 160C16
- 080408
- 010001
톤
- 946C91
- 926E8F
- 90708E
- 8E738C
- 8C758A
- 897788
- 877A86
- 857C84
- 827E82
색 조화
보색 +180°
- 966993
Tulipan Violet
- 578960
≈ Spring Garden
유사색 -30° +30°
- 966993
Tulipan Violet
- 8170A5
≈ Old Prune
- A3667A
≈ Strawberry Mousse
삼각 배색 +120° +240°
- 966993
Tulipan Violet
- 8F783E
≈ Bengal Grass
- 338895
≈ Precious Stone
분열 보색 +150° +210°
- 966993
Tulipan Violet
- 768248
≈ Grasshopper
- 3A8B7C
≈ Ionian
사각 배색 +90° +180° +270°
- 966993
Tulipan Violet
- 9F6F48
≈ Autumn Bark
- 578960
≈ Spring Garden
- 4982A6
≈ Lake Henry
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.43:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.73:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.73:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--tulipan-violet: #966993;
--tulipan-violet-rgb: 150 105 147;
--tulipan-violet-oklch: oklch(0.582 0.082 328.8);
}
.element {
color: var(--tulipan-violet);
background-color: hsl(304 18% 50%);
border-color: oklch(0.582 0.082 328.8);
}Tailwind CSS v4
@theme {
--color-tulipan-violet: #966993;
--color-tulipan-violet-50: #ffedff;
--color-tulipan-violet-100: #f9def5;
--color-tulipan-violet-200: #eac8e5;
--color-tulipan-violet-300: #d1a9cb;
--color-tulipan-violet-400: #ba8db7;
--color-tulipan-violet-500: #a472a1;
--color-tulipan-violet-600: #8b6188;
--color-tulipan-violet-700: #6f4d6d;
--color-tulipan-violet-800: #523851;
--color-tulipan-violet-900: #392639;
--color-tulipan-violet-950: #231523;
}SCSS
$tulipan-violet: #966993;
$tulipan-violet-rgb: 150, 105, 147;
$tulipan-violet-light: mix(#fff, $tulipan-violet, 20%);
$tulipan-violet-dark: mix(#000, $tulipan-violet, 20%);
.element {
color: $tulipan-violet;
box-shadow: 0 0 0 2px rgba($tulipan-violet, 0.35);
}