Color con nombre · #BCB6CB
Wedding Flowers
Wedding Flowers es #BCB6CB: rgb(188 182 203), hsl(257 17% 75%), oklch(0.788 0.03 298.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Wedding Flowers color name →
#BCB6CB
oklch(0.788 0.03 298.8)
Conversiones de color
- HEX
- #bcb6cb
- RGB
- rgb(188 182 203)
- HSL
- hsl(257 17% 75%)
- HWB
- hwb(257 71% 20%)
- OKLCH
- oklch(0.788 0.03 298.8)
- OKLab
- oklab(0.788 0.014 -0.026)
- CIE Lab
- lab(75.04 5.19 -9.86)
- LCH
- lch(75.04 11.14 297.7)
- CMYK
- cmyk(7% 10% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- C3BDD0
- C9C4D5
- D0CBDA
- D6D3E0
- DDDAE5
- E4E1EA
- EAE9EF
- F1F0F5
- F8F8FA
Sombras
- A39EB0
- 8B8696
- 736F7D
- 5D5965
- 47444D
- 323037
- 1F1D22
- 0D0C0F
- 020202
Tonos
- B6B0C3
- B0ABBC
- AAA5B4
- A3A0AC
- 9D9BA5
- 97959D
- 929096
- 8C8B8F
- 868587
Armonías de color
Complementario +180°
- BCB6CB
Wedding Flowers
- B7BDA8
≈ Softened Green
Análogo -30° +30°
- BCB6CB
Wedding Flowers
- B2BACE
≈ Heritage
- C5B3C4
≈ Pink Bravado
Triádico +120° +240°
- BCB6CB
Wedding Flowers
- C9B6A7
≈ Dust Bunny
- A6C1BA
≈ Harbour Grey
Complementario dividido +150° +210°
- BCB6CB
Wedding Flowers
- C2B9A4
≈ Dusty Trail Rider
- ADC0AF
≈ Young Gecko
Tetrádico +90° +180° +270°
- BCB6CB
Wedding Flowers
- CDB3AF
≈ Plymouth Notch
- B7BDA8
≈ Softened Green
- A5C0C4
≈ A-List Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.69:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--wedding-flowers: #bcb6cb;
--wedding-flowers-rgb: 188 182 203;
--wedding-flowers-oklch: oklch(0.788 0.03 298.8);
}
.element {
color: var(--wedding-flowers);
background-color: hsl(257 17% 75%);
border-color: oklch(0.788 0.03 298.8);
}Tailwind CSS v4
@theme {
--color-wedding-flowers: #bcb6cb;
--color-wedding-flowers-50: #f6f3fd;
--color-wedding-flowers-100: #e9e6f1;
--color-wedding-flowers-200: #d6d2df;
--color-wedding-flowers-300: #bab4c5;
--color-wedding-flowers-400: #a09bae;
--color-wedding-flowers-500: #888298;
--color-wedding-flowers-600: #736e80;
--color-wedding-flowers-700: #5c5867;
--color-wedding-flowers-800: #43404c;
--color-wedding-flowers-900: #2e2c35;
--color-wedding-flowers-950: #1b1920;
}SCSS
$wedding-flowers: #bcb6cb;
$wedding-flowers-rgb: 188, 182, 203;
$wedding-flowers-light: mix(#fff, $wedding-flowers, 20%);
$wedding-flowers-dark: mix(#000, $wedding-flowers, 20%);
.element {
color: $wedding-flowers;
box-shadow: 0 0 0 2px rgba($wedding-flowers, 0.35);
}