Color con nombre · #BB3388
Lust Priestess
Lust Priestess es #BB3388: rgb(187 51 136), hsl(323 57% 47%), oklch(0.553 0.191 346.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Lust Priestess color name →
#BB3388
oklch(0.553 0.191 346.8)
Conversiones de color
- HEX
- #bb3388
- RGB
- rgb(187 51 136)
- HSL
- hsl(323 57% 47%)
- HWB
- hwb(323 20% 27%)
- OKLCH
- oklch(0.553 0.191 346.8)
- OKLab
- oklab(0.553 0.186 -0.044)
- CIE Lab
- lab(45.53 59.74 -15.63)
- LCH
- lch(45.53 61.75 345.3)
- CMYK
- cmyk(0% 73% 27% 27%)
Tintes · Sombras · Tonos
Tintes
- C44C93
- CD629F
- D576AB
- DD8AB6
- E49EC2
- EAB1CE
- F0C4DA
- F6D8E6
- FBEBF3
Sombras
- A22B75
- 8A2363
- 731C52
- 5C1441
- 460D31
- 320722
- 1F0313
- 0D0106
- 020001
Tonos
- B63F87
- B24987
- AD5286
- A85A85
- A26184
- 9C6884
- 966E83
- 8F7582
- 887A81
Armonías de color
Complementario +180°
- BB3388
Lust Priestess
- 008764
≈ Spectral Green
Análogo -30° +30°
- BB3388
Lust Priestess
- 9D44BA
≈ Akebi Purple
- C92D49
≈ French Raspberry
Triádico +120° +240°
- BB3388
Lust Priestess
- 7B7600
≈ Mongolian Plateau
- 007EA2
≈ Kingfisher Sheen
Complementario dividido +150° +210°
- BB3388
Lust Priestess
- 3C8700
≈ Mughal Green
- 008385
≈ Fanfare
Tetrádico +90° +180° +270°
- BB3388
Lust Priestess
- 986800
≈ Gamboge Brown
- 008764
≈ Spectral Green
- 086EDE
≈ Flickr Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.32:1 · APCA Lc 75
Ag
FailSobre negro
WCAG 3.94:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.32:1 (AA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--lust-priestess: #bb3388;
--lust-priestess-rgb: 187 51 136;
--lust-priestess-oklch: oklch(0.553 0.191 346.8);
}
.element {
color: var(--lust-priestess);
background-color: hsl(323 57% 47%);
border-color: oklch(0.553 0.191 346.8);
}Tailwind CSS v4
@theme {
--color-lust-priestess: #bb3388;
--color-lust-priestess-50: #ffe0fe;
--color-lust-priestess-100: #ffcef2;
--color-lust-priestess-200: #ffb2e1;
--color-lust-priestess-300: #fe8cc7;
--color-lust-priestess-400: #eb68b4;
--color-lust-priestess-500: #d93f9f;
--color-lust-priestess-600: #b73886;
--color-lust-priestess-700: #932c6b;
--color-lust-priestess-800: #6d1f51;
--color-lust-priestess-900: #4d1539;
--color-lust-priestess-950: #320523;
}SCSS
$lust-priestess: #bb3388;
$lust-priestess-rgb: 187, 51, 136;
$lust-priestess-light: mix(#fff, $lust-priestess, 20%);
$lust-priestess-dark: mix(#000, $lust-priestess, 20%);
.element {
color: $lust-priestess;
box-shadow: 0 0 0 2px rgba($lust-priestess, 0.35);
}