Color con nombre más cercano · #BB649E
#BB649E
Color con nombre más cercano: Llilacquered
#BB649E (rgb(187 100 158), hsl(320 39% 56%), oklch(0.622 0.132 341.2)) se parece más al color con nombre Llilacquered. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BB649E
oklch(0.622 0.132 341.2)
Conversiones de color
- HEX
- #bb649e
- RGB
- rgb(187 100 158)
- HSL
- hsl(320 39% 56%)
- HWB
- hwb(320 39% 27%)
- OKLCH
- oklch(0.622 0.132 341.2)
- OKLab
- oklab(0.622 0.125 -0.043)
- CIE Lab
- lab(54.31 41.2 -15.48)
- LCH
- lch(54.31 44.01 339.4)
- CMYK
- cmyk(0% 47% 16% 27%)
Tintes · Sombras · Tonos
Tintes
- C374A7
- CA83B1
- D292BB
- D9A2C4
- E0B1CE
- E7C0D8
- EDD0E1
- F3E0EB
- F9EFF5
Sombras
- A25689
- 8A4874
- 733B60
- 5C2E4D
- 46223A
- 321629
- 1F0B18
- 0D0309
- 020001
Tonos
- B6689B
- B06B98
- AB6E95
- A57192
- 9F748F
- 99778C
- 937989
- 8D7C86
- 877E83
Armonías de color
Complementario +180°
- BB649E
Llilacquered
- 199F6D
≈ Surgeon
Análogo -30° +30°
- BB649E
Llilacquered
- A06EC1
≈ Viola
- C96173
≈ Triple Berry
Triádico +120° +240°
- BB649E
Llilacquered
- 988800
≈ Medusa Green
- 0096B7
≈ Bondi Blue
Complementario dividido +150° +210°
- BB649E
Llilacquered
- 6A973A
≈ Bitter Leaf
- 009B96
≈ Caribbean Turquoise
Tetrádico +90° +180° +270°
- BB649E
Llilacquered
- B87707
≈ Cassandra’s Curse
- 199F6D
≈ Surgeon
- 438AD3
≈ Magical Merlin
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.86:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.42:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--llilacquered: #bb649e;
--llilacquered-rgb: 187 100 158;
--llilacquered-oklch: oklch(0.622 0.132 341.2);
}
.element {
color: var(--llilacquered);
background-color: hsl(320 39% 56%);
border-color: oklch(0.622 0.132 341.2);
}Tailwind CSS v4
@theme {
--color-llilacquered: #bb649e;
--color-llilacquered-50: #ffe7ff;
--color-llilacquered-100: #ffd7f3;
--color-llilacquered-200: #fdbee3;
--color-llilacquered-300: #e79cc9;
--color-llilacquered-400: #d37eb5;
--color-llilacquered-500: #bf5fa0;
--color-llilacquered-600: #a15187;
--color-llilacquered-700: #81406c;
--color-llilacquered-800: #5f2e51;
--color-llilacquered-900: #431f39;
--color-llilacquered-950: #2b0f23;
}SCSS
$llilacquered: #bb649e;
$llilacquered-rgb: 187, 100, 158;
$llilacquered-light: mix(#fff, $llilacquered, 20%);
$llilacquered-dark: mix(#000, $llilacquered, 20%);
.element {
color: $llilacquered;
box-shadow: 0 0 0 2px rgba($llilacquered, 0.35);
}