Color con nombre más cercano · #B975D7
#B975D7
Color con nombre más cercano: Lavender
#B975D7 (rgb(185 117 215), hsl(282 55% 65%), oklch(0.672 0.156 314.8)) se parece más al color con nombre Lavender. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B975D7
oklch(0.672 0.156 314.8)
Conversiones de color
- HEX
- #b975d7
- RGB
- rgb(185 117 215)
- HSL
- hsl(282 55% 65%)
- HWB
- hwb(282 46% 16%)
- OKLCH
- oklch(0.672 0.156 314.8)
- OKLab
- oklab(0.672 0.11 -0.111)
- CIE Lab
- lab(59.59 39.9 -39.97)
- LCH
- lch(59.59 56.47 315)
- CMYK
- cmyk(14% 46% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- C083DC
- C791E0
- CE9FE4
- D5ADE9
- DCBAED
- E3C8F1
- EAD6F4
- F1E3F8
- F8F1FC
Sombras
- A065BB
- 89559F
- 714685
- 5B376B
- 462952
- 311C3B
- 1E0F25
- 0D0511
- 020102
Tonos
- B377CE
- AE79C6
- A87ABD
- A27CB4
- 9D7DAC
- 977EA3
- 917E9A
- 8C7F92
- 868089
Armonías de color
Complementario +180°
- B975D7
Lavender
- 6AAA3E
≈ Leaf
Análogo -30° +30°
- B975D7
Lavender
- 8D85F1
≈ Lavender Blue Shadow
- D76AAC
≈ Purple Hollyhock
Triádico +120° +240°
- B975D7
Lavender
- C88700
≈ Auric
- 00ABAB
≈ Jade Orchid
Complementario dividido +150° +210°
- B975D7
Lavender
- A49900
≈ Nuclear Fallout
- 00B07F
≈ Bright Camouflage
Tetrádico +90° +180° +270°
- B975D7
Lavender
- E2713A
≈ Invigorate
- 6AAA3E
≈ Leaf
- 00A5D0
≈ Charybdis
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.18:1 · APCA Lc 59
Ag
AASobre negro
WCAG 6.58:1 · APCA Lc 43
Mejor color de texto: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Fragmentos de código
CSS
:root {
--lavender: #b975d7;
--lavender-rgb: 185 117 215;
--lavender-oklch: oklch(0.672 0.156 314.8);
}
.element {
color: var(--lavender);
background-color: hsl(282 55% 65%);
border-color: oklch(0.672 0.156 314.8);
}Tailwind CSS v4
@theme {
--color-lavender: #b975d7;
--color-lavender-50: #ffe8ff;
--color-lavender-100: #fdd8ff;
--color-lavender-200: #efc0ff;
--color-lavender-300: #d79eec;
--color-lavender-400: #c080dd;
--color-lavender-500: #ac61cc;
--color-lavender-600: #9152ac;
--color-lavender-700: #74428a;
--color-lavender-800: #553068;
--color-lavender-900: #3b2049;
--color-lavender-950: #250f30;
}SCSS
$lavender: #b975d7;
$lavender-rgb: 185, 117, 215;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}