Color con nombre · #BDBBD7
Lavender Grey
Lavender Grey es #BDBBD7: rgb(189 187 215), hsl(244 26% 79%), oklch(0.803 0.039 288.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Lavender Grey color name →
#BDBBD7
oklch(0.803 0.039 288.8)
Conversiones de color
- HEX
- #bdbbd7
- RGB
- rgb(189 187 215)
- HSL
- hsl(244 26% 79%)
- HWB
- hwb(244 73% 16%)
- OKLCH
- oklch(0.803 0.039 288.8)
- OKLab
- oklab(0.803 0.013 -0.037)
- CIE Lab
- lab(76.72 4.84 -13.85)
- LCH
- lch(76.72 14.67 289.3)
- CMYK
- cmyk(12% 13% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- C3C2DB
- CAC8DF
- D0CFE3
- D7D6E7
- DDDDEB
- E4E3EF
- EBEAF3
- F1F1F7
- F8F8FB
Sombras
- A4A2BB
- 8C8A9F
- 747385
- 5D5C6B
- 474652
- 33323B
- 1F1F25
- 0D0D11
- 020202
Tonos
- B7B5CE
- B0AFC5
- AAA9BC
- A4A3B3
- 9E9DAB
- 9897A2
- 929199
- 8C8C91
- 868688
Armonías de color
Complementario +180°
- BDBBD7
Lavender Grey
- C0C1A4
≈ Mint Frost
Análogo -30° +30°
- BDBBD7
Lavender Grey
- B0C0D8
≈ Movie Magic
- CAB7CF
≈ Softly Softly
Triádico +120° +240°
- BDBBD7
Lavender Grey
- D5B8A9
≈ Canyon Trail
- A7C7BA
≈ Wave Runner
Complementario dividido +150° +210°
- BDBBD7
Lavender Grey
- CDBCA3
≈ Gobi Desert
- B2C5AD
≈ Zanah
Tetrádico +90° +180° +270°
- BDBBD7
Lavender Grey
- D7B5B5
≈ Pink Flare
- C0C1A4
≈ Mint Frost
- A2C7C8
≈ Twin Cities
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.25:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--lavender-grey: #bdbbd7;
--lavender-grey-rgb: 189 187 215;
--lavender-grey-oklch: oklch(0.803 0.039 288.8);
}
.element {
color: var(--lavender-grey);
background-color: hsl(244 26% 79%);
border-color: oklch(0.803 0.039 288.8);
}Tailwind CSS v4
@theme {
--color-lavender-grey: #bdbbd7;
--color-lavender-grey-50: #f5f3ff;
--color-lavender-grey-100: #e7e6f4;
--color-lavender-grey-200: #d4d2e4;
--color-lavender-grey-300: #b7b4cb;
--color-lavender-grey-400: #9d9bb5;
--color-lavender-grey-500: #85829f;
--color-lavender-grey-600: #706e87;
--color-lavender-grey-700: #5a586c;
--color-lavender-grey-800: #414150;
--color-lavender-grey-900: #2d2c37;
--color-lavender-grey-950: #1a1a22;
}SCSS
$lavender-grey: #bdbbd7;
$lavender-grey-rgb: 189, 187, 215;
$lavender-grey-light: mix(#fff, $lavender-grey, 20%);
$lavender-grey-dark: mix(#000, $lavender-grey, 20%);
.element {
color: $lavender-grey;
box-shadow: 0 0 0 2px rgba($lavender-grey, 0.35);
}