이름 색상 · #BB55CC
Love Priestess
Love Priestess은(는) #BB55CC: rgb(187 85 204), hsl(291 54% 57%), oklch(0.623 0.196 321.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Love Priestess color name →
#BB55CC
oklch(0.623 0.196 321.7)
색상 변환
- HEX
- #bb55cc
- RGB
- rgb(187 85 204)
- HSL
- hsl(291 54% 57%)
- HWB
- hwb(291 33% 20%)
- OKLCH
- oklch(0.623 0.196 321.7)
- OKLab
- oklab(0.623 0.154 -0.122)
- CIE Lab
- lab(53.2 54.29 -43.72)
- LCH
- lch(53.2 69.71 321.2)
- CMYK
- cmyk(8% 58% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- C368D2
- CA7AD8
- D18BDD
- D99CE2
- DFADE8
- E6BDED
- EDCEF1
- F3DEF6
- F9EEFB
셰이드
- A249B1
- 8A3D97
- 73317E
- 5C2665
- 461C4E
- 321137
- 1F0822
- 0D020F
- 020002
톤
- B65BC5
- B061BD
- AB66B6
- A56BAE
- 9F6FA7
- 99739F
- 937798
- 8D7A90
- 877D88
색 조화
보색 +180°
- BB55CC
Love Priestess
- 29A21A
≈ Dry Highlighter Green
유사색 -30° +30°
- BB55CC
Love Priestess
- 8C69F1
≈ Purple Anemone
- D94694
≈ Kirby
삼각 배색 +120° +240°
- BB55CC
Love Priestess
- AD7E00
≈ Murder Mustard
- 0099A2
≈ Island Dream
분열 보색 +150° +210°
- BB55CC
Love Priestess
- 8A8E00
≈ Old Asparagus
- 009E7E
≈ Tropical Kelp
사각 배색 +90° +180° +270°
- BB55CC
Love Priestess
- D06400
≈ Brusque Brown
- 29A21A
≈ Dry Highlighter Green
- 0093C6
≈ Dynamic Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.97:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.28:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--love-priestess: #bb55cc;
--love-priestess-rgb: 187 85 204;
--love-priestess-oklch: oklch(0.623 0.196 321.7);
}
.element {
color: var(--love-priestess);
background-color: hsl(291 54% 57%);
border-color: oklch(0.623 0.196 321.7);
}Tailwind CSS v4
@theme {
--color-love-priestess: #bb55cc;
--color-love-priestess-50: #ffe3ff;
--color-love-priestess-100: #ffd2ff;
--color-love-priestess-200: #feb7ff;
--color-love-priestess-300: #e892f0;
--color-love-priestess-400: #d271e2;
--color-love-priestess-500: #bf4cd2;
--color-love-priestess-600: #a141b1;
--color-love-priestess-700: #81348e;
--color-love-priestess-800: #5f256c;
--color-love-priestess-900: #42194c;
--color-love-priestess-950: #2a0932;
}SCSS
$love-priestess: #bb55cc;
$love-priestess-rgb: 187, 85, 204;
$love-priestess-light: mix(#fff, $love-priestess, 20%);
$love-priestess-dark: mix(#000, $love-priestess, 20%);
.element {
color: $love-priestess;
box-shadow: 0 0 0 2px rgba($love-priestess, 0.35);
}