Color con nombre · #BFB9BD
Standing Ovation
Standing Ovation es #BFB9BD: rgb(191 185 189), hsl(320 4% 74%), oklch(0.792 0.009 337.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Standing Ovation color name →
#BFB9BD
oklch(0.792 0.009 337.5)
Conversiones de color
- HEX
- #bfb9bd
- RGB
- rgb(191 185 189)
- HSL
- hsl(320 4% 74%)
- HWB
- hwb(320 73% 25%)
- OKLCH
- oklch(0.792 0.009 337.5)
- OKLab
- oklab(0.792 0.008 -0.003)
- CIE Lab
- lab(75.73 2.73 -1.24)
- LCH
- lch(75.73 3 335.6)
- CMYK
- cmyk(0% 3% 1% 25%)
Tintes · Sombras · Tonos
Tintes
- C5C0C3
- CCC7CA
- D2CED0
- D8D4D7
- DFDBDE
- E5E3E4
- EBEAEB
- F2F1F2
- F8F8F8
Sombras
- A6A0A4
- 8D898C
- 757174
- 5E5B5D
- 484647
- 333133
- 1F1E1F
- 0D0D0D
- 020202
Tonos
- B9B3B7
- B2ADB0
- ACA8AA
- A5A2A4
- 9F9C9E
- 999698
- 929192
- 8C8B8C
- 868686
Armonías de color
Complementario +180°
- BFB9BD
Standing Ovation
- B7BDB9
≈ Quiet Time
Análogo -30° +30°
- BFB9BD
Standing Ovation
- BCBAC0
≈ Titanium Man
- C0B9BA
≈ Standing Ovation
Triádico +120° +240°
- BFB9BD
Standing Ovation
- BCBBB5
≈ Silver Bonnet
- B5BDBF
≈ Crestline
Complementario dividido +150° +210°
- BFB9BD
Standing Ovation
- B9BCB6
≈ Quiet Time
- B5BDBC
≈ New Morn Fog
Tetrádico +90° +180° +270°
- BFB9BD
Standing Ovation
- BFBAB5
≈ Mountain Boulder
- B7BDB9
≈ Quiet Time
- B7BCC0
≈ Oyster Mushroom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.88:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--standing-ovation: #bfb9bd;
--standing-ovation-rgb: 191 185 189;
--standing-ovation-oklch: oklch(0.792 0.009 337.5);
}
.element {
color: var(--standing-ovation);
background-color: hsl(320 4% 74%);
border-color: oklch(0.792 0.009 337.5);
}Tailwind CSS v4
@theme {
--color-standing-ovation: #bfb9bd;
--color-standing-ovation-50: #f7f4f6;
--color-standing-ovation-100: #eae7e9;
--color-standing-ovation-200: #d7d3d5;
--color-standing-ovation-300: #bbb6b9;
--color-standing-ovation-400: #a29ca0;
--color-standing-ovation-500: #8a8488;
--color-standing-ovation-600: #757073;
--color-standing-ovation-700: #5e595c;
--color-standing-ovation-800: #444143;
--color-standing-ovation-900: #2f2d2f;
--color-standing-ovation-950: #1c1a1b;
}SCSS
$standing-ovation: #bfb9bd;
$standing-ovation-rgb: 191, 185, 189;
$standing-ovation-light: mix(#fff, $standing-ovation, 20%);
$standing-ovation-dark: mix(#000, $standing-ovation, 20%);
.element {
color: $standing-ovation;
box-shadow: 0 0 0 2px rgba($standing-ovation, 0.35);
}