Couleur nommée · #BB55CC
Love Priestess
Love Priestess correspond à #BB55CC : rgb(187 85 204), hsl(291 54% 57%), oklch(0.623 0.196 321.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Love Priestess color name →
#BB55CC
oklch(0.623 0.196 321.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C368D2
- CA7AD8
- D18BDD
- D99CE2
- DFADE8
- E6BDED
- EDCEF1
- F3DEF6
- F9EEFB
Ombres
- A249B1
- 8A3D97
- 73317E
- 5C2665
- 461C4E
- 321137
- 1F0822
- 0D020F
- 020002
Tons
- B65BC5
- B061BD
- AB66B6
- A56BAE
- 9F6FA7
- 99739F
- 937798
- 8D7A90
- 877D88
Harmonies de couleurs
Complémentaire +180°
- BB55CC
Love Priestess
- 29A21A
≈ Dry Highlighter Green
Analogue -30° +30°
- BB55CC
Love Priestess
- 8C69F1
≈ Purple Anemone
- D94694
≈ Kirby
Triadique +120° +240°
- BB55CC
Love Priestess
- AD7E00
≈ Murder Mustard
- 0099A2
≈ Island Dream
Complémentaire divisée +150° +210°
- BB55CC
Love Priestess
- 8A8E00
≈ Old Asparagus
- 009E7E
≈ Tropical Kelp
Tétradique +90° +180° +270°
- BB55CC
Love Priestess
- D06400
≈ Brusque Brown
- 29A21A
≈ Dry Highlighter Green
- 0093C6
≈ Dynamic Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.97:1 · APCA Lc 66
Ag
AASur noir
WCAG 5.28:1 · APCA Lc 35
Meilleure couleur de texte: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Extraits de code
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);
}