이름 색상 · #B16D90
Purple Starburst
Purple Starburst은(는) #B16D90: rgb(177 109 144), hsl(329 30% 56%), oklch(0.619 0.097 348.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Purple Starburst color name →
#B16D90
oklch(0.619 0.097 348.1)
색상 변환
- HEX
- #b16d90
- RGB
- rgb(177 109 144)
- HSL
- hsl(329 30% 56%)
- HWB
- hwb(329 43% 31%)
- OKLCH
- oklch(0.619 0.097 348.1)
- OKLab
- oklab(0.619 0.095 -0.02)
- CIE Lab
- lab(54.49 31.37 -7.22)
- LCH
- lch(54.49 32.19 347)
- CMYK
- cmyk(0% 38% 19% 31%)
틴트 · 셰이드 · 톤
틴트
- B97B9B
- C289A5
- CA98B0
- D2A6BB
- DAB5C6
- E1C3D1
- E9D2DD
- F0E1E8
- F8F0F3
셰이드
- 995E7D
- 834F6A
- 6C4157
- 573345
- 422634
- 2F1924
- 1C0D15
- 0C0407
- 010101
톤
- AD6F8E
- A8718D
- A3748B
- 9F768A
- 9A7788
- 957986
- 907B85
- 8B7D83
- 857E82
색 조화
보색 +180°
- B16D90
Purple Starburst
- 40997B
≈ Greenway
유사색 -30° +30°
- B16D90
Purple Starburst
- 9E73AC
≈ Bell Heather
- B96D6F
≈ Exotic Incense
삼각 배색 +120° +240°
- B16D90
Purple Starburst
- 8B8A40
≈ Vegetable Garden
- 3A91B4
≈ Navagio Bay
분열 보색 +150° +210°
- B16D90
Purple Starburst
- 689459
≈ Milpa
- 23979B
≈ Ocean Reef
사각 배색 +90° +180° +270°
- B16D90
Purple Starburst
- A67E3C
≈ Organic Style
- 40997B
≈ Greenway
- 6187C0
≈ Danube
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.84:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.45:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--purple-starburst: #b16d90;
--purple-starburst-rgb: 177 109 144;
--purple-starburst-oklch: oklch(0.619 0.097 348.1);
}
.element {
color: var(--purple-starburst);
background-color: hsl(329 30% 56%);
border-color: oklch(0.619 0.097 348.1);
}Tailwind CSS v4
@theme {
--color-purple-starburst: #b16d90;
--color-purple-starburst-50: #ffeaf9;
--color-purple-starburst-100: #ffdbec;
--color-purple-starburst-200: #f6c4da;
--color-purple-starburst-300: #dea3be;
--color-purple-starburst-400: #ca87a8;
--color-purple-starburst-500: #b56a91;
--color-purple-starburst-600: #995a7b;
--color-purple-starburst-700: #7b4862;
--color-purple-starburst-800: #5a3449;
--color-purple-starburst-900: #3f2333;
--color-purple-starburst-950: #28121f;
}SCSS
$purple-starburst: #b16d90;
$purple-starburst-rgb: 177, 109, 144;
$purple-starburst-light: mix(#fff, $purple-starburst, 20%);
$purple-starburst-dark: mix(#000, $purple-starburst, 20%);
.element {
color: $purple-starburst;
box-shadow: 0 0 0 2px rgba($purple-starburst, 0.35);
}