Color con nombre más cercano · #B74BB2
#B74BB2
Color con nombre más cercano: Love Priestess
#B74BB2 (rgb(183 75 178), hsl(303 43% 51%), oklch(0.592 0.186 329.5)) se parece más al color con nombre Love Priestess. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B74BB2
oklch(0.592 0.186 329.5)
Conversiones de color
- HEX
- #b74bb2
- RGB
- rgb(183 75 178)
- HSL
- hsl(303 43% 51%)
- HWB
- hwb(303 29% 28%)
- OKLCH
- oklch(0.592 0.186 329.5)
- OKLab
- oklab(0.592 0.16 -0.094)
- CIE Lab
- lab(49.83 54.01 -34.05)
- LCH
- lch(49.83 63.85 327.8)
- CMYK
- cmyk(0% 59% 3% 28%)
Tintes · Sombras · Tonos
Tintes
- BF5FBA
- C872C2
- D084CA
- D795D2
- DFA7DA
- E6B9E1
- ECCAE9
- F3DCF0
- F9EDF8
Sombras
- 9F409A
- 873583
- 702B6D
- 5A2157
- 451743
- 310E2F
- 1E061D
- 0C020C
- 020001
Tonos
- B253AD
- AD59A8
- A85FA4
- A3659F
- 9E6A9A
- 986F95
- 937490
- 8D788B
- 877C85
Armonías de color
Complementario +180°
- B74BB2
Love Priestess
- 009742
≈ Green Revolution
Análogo -30° +30°
- B74BB2
Love Priestess
- 905DDA
≈ Legendary Lavender
- CF3F7A
≈ Jaipur Pink
Triádico +120° +240°
- B74BB2
Love Priestess
- 9A7900
≈ Yellowish Brown
- 008E9F
≈ Coral Coast
Complementario dividido +150° +210°
- B74BB2
Love Priestess
- 758900
≈ Swamp Green
- 009280
≈ Silk Sari
Tetrádico +90° +180° +270°
- B74BB2
Love Priestess
- B96600
≈ Camel Fur
- 009742
≈ Green Revolution
- 0086C4
≈ Azul Caribe
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--love-priestess: #b74bb2;
--love-priestess-rgb: 183 75 178;
--love-priestess-oklch: oklch(0.592 0.186 329.5);
}
.element {
color: var(--love-priestess);
background-color: hsl(303 43% 51%);
border-color: oklch(0.592 0.186 329.5);
}Tailwind CSS v4
@theme {
--color-love-priestess: #b74bb2;
--color-love-priestess-50: #ffe2ff;
--color-love-priestess-100: #ffd2ff;
--color-love-priestess-200: #ffb7f8;
--color-love-priestess-300: #ed92e2;
--color-love-priestess-400: #d971d3;
--color-love-priestess-500: #c54cc0;
--color-love-priestess-600: #a742a2;
--color-love-priestess-700: #863482;
--color-love-priestess-800: #622563;
--color-love-priestess-900: #451945;
--color-love-priestess-950: #2d092d;
}SCSS
$love-priestess: #b74bb2;
$love-priestess-rgb: 183, 75, 178;
$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);
}