Color con nombre · #BEBBC9
Silverberry
Silverberry es #BEBBC9: rgb(190 187 201), hsl(253 11% 76%), oklch(0.799 0.02 295.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Silverberry color name →
#BEBBC9
oklch(0.799 0.02 295.8)
Conversiones de color
- HEX
- #bebbc9
- RGB
- rgb(190 187 201)
- HSL
- hsl(253 11% 76%)
- HWB
- hwb(253 73% 21%)
- OKLCH
- oklch(0.799 0.02 295.8)
- OKLab
- oklab(0.799 0.009 -0.018)
- CIE Lab
- lab(76.45 3.07 -6.69)
- LCH
- lch(76.45 7.36 294.6)
- CMYK
- cmyk(5% 7% 0% 21%)
Tintes · Sombras · Tonos
Tintes
- C4C2CE
- CBC8D4
- D1CFD9
- D8D6DE
- DEDDE4
- E5E3E9
- EBEAEF
- F2F1F4
- F8F8FA
Sombras
- A5A2AE
- 8C8A95
- 75737C
- 5E5C64
- 48464C
- 333236
- 1F1F22
- 0D0D0F
- 020202
Tonos
- B8B5C1
- B1AFBA
- ABA9B3
- A5A3AB
- 9E9DA4
- 98979D
- 929195
- 8C8B8E
- 868687
Armonías de color
Complementario +180°
- BEBBC9
Silverberry
- BCBFB1
≈ Green Motif
Análogo -30° +30°
- BEBBC9
Silverberry
- B7BDCB
≈ Mistral
- C4B9C4
≈ Pocketful of Posies
Triádico +120° +240°
- BEBBC9
Silverberry
- C8BAB1
≈ Smooth Pebbles
- B1C2BD
≈ Mediterranean Dusk
Complementario dividido +150° +210°
- BEBBC9
Silverberry
- C3BDAF
≈ Heifer
- B6C1B6
≈ Mossa
Tetrádico +90° +180° +270°
- BEBBC9
Silverberry
- CAB9B7
≈ Subdue Red
- BCBFB1
≈ Green Motif
- AFC1C3
≈ Degas Blue
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.14:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.14:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--silverberry: #bebbc9;
--silverberry-rgb: 190 187 201;
--silverberry-oklch: oklch(0.799 0.02 295.8);
}
.element {
color: var(--silverberry);
background-color: hsl(253 11% 76%);
border-color: oklch(0.799 0.02 295.8);
}Tailwind CSS v4
@theme {
--color-silverberry: #bebbc9;
--color-silverberry-50: #f6f4fa;
--color-silverberry-100: #e8e7ee;
--color-silverberry-200: #d5d3dc;
--color-silverberry-300: #b8b5c0;
--color-silverberry-400: #9f9ca9;
--color-silverberry-500: #878492;
--color-silverberry-600: #72707c;
--color-silverberry-700: #5b5963;
--color-silverberry-800: #424149;
--color-silverberry-900: #2e2d32;
--color-silverberry-950: #1b1a1e;
}SCSS
$silverberry: #bebbc9;
$silverberry-rgb: 190, 187, 201;
$silverberry-light: mix(#fff, $silverberry, 20%);
$silverberry-dark: mix(#000, $silverberry, 20%);
.element {
color: $silverberry;
box-shadow: 0 0 0 2px rgba($silverberry, 0.35);
}