Color con nombre · #BEC5BA
Riverdale
Riverdale es #BEC5BA: rgb(190 197 186), hsl(98 9% 75%), oklch(0.815 0.017 133.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Riverdale color name →
#BEC5BA
oklch(0.815 0.017 133.8)
Conversiones de color
- HEX
- #bec5ba
- RGB
- rgb(190 197 186)
- HSL
- hsl(98 9% 75%)
- HWB
- hwb(98 73% 23%)
- OKLCH
- oklch(0.815 0.017 133.8)
- OKLab
- oklab(0.815 -0.012 0.012)
- CIE Lab
- lab(78.73 -4.01 4.66)
- LCH
- lch(78.73 6.14 130.7)
- CMYK
- cmyk(4% 0% 6% 23%)
Tintes · Sombras · Tonos
Tintes
- C4CBC1
- CBD0C7
- D1D6CE
- D8DCD5
- DEE2DC
- E5E7E3
- EBEDEA
- F2F3F1
- F8F9F8
Sombras
- A5ABA1
- 8C9289
- 757972
- 5E615C
- 484B46
- 333532
- 1F211E
- 0D0E0D
- 020202
Tonos
- B8BEB4
- B1B7AE
- ABB0A8
- A5A9A2
- 9EA29D
- 989B97
- 929491
- 8C8D8B
- 868786
Armonías de color
Complementario +180°
- BEC5BA
Riverdale
- C6BFCA
≈ Grape Mist
Análogo -30° +30°
- BEC5BA
Riverdale
- C4C3B7
≈ Baby Barn Owl
- B9C6BF
≈ Antique Patina
Triádico +120° +240°
- BEC5BA
Riverdale
- BBC3CE
≈ Yorkshire Cloud
- CDBEBF
≈ Nantucket Mist
Complementario dividido +150° +210°
- BEC5BA
Riverdale
- C1C1CD
≈ Pensive
- CBBEC5
≈ Silk Chiffon
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 11.88:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--riverdale: #bec5ba;
--riverdale-rgb: 190 197 186;
--riverdale-oklch: oklch(0.815 0.017 133.8);
}
.element {
color: var(--riverdale);
background-color: hsl(98 9% 75%);
border-color: oklch(0.815 0.017 133.8);
}Tailwind CSS v4
@theme {
--color-riverdale: #bec5ba;
--color-riverdale-50: #f3f6f1;
--color-riverdale-100: #e5e9e4;
--color-riverdale-200: #d1d6cf;
--color-riverdale-300: #b4b9b1;
--color-riverdale-400: #9aa197;
--color-riverdale-500: #82897d;
--color-riverdale-600: #6e746a;
--color-riverdale-700: #585d55;
--color-riverdale-800: #40443e;
--color-riverdale-900: #2c2f2a;
--color-riverdale-950: #191b18;
}SCSS
$riverdale: #bec5ba;
$riverdale-rgb: 190, 197, 186;
$riverdale-light: mix(#fff, $riverdale, 20%);
$riverdale-dark: mix(#000, $riverdale, 20%);
.element {
color: $riverdale;
box-shadow: 0 0 0 2px rgba($riverdale, 0.35);
}