Color con nombre · #BDCBCA
Urban Raincoat
Urban Raincoat es #BDCBCA: rgb(189 203 202), hsl(176 12% 77%), oklch(0.831 0.015 191.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Urban Raincoat color name →
#BDCBCA
oklch(0.831 0.015 191.7)
Conversiones de color
- HEX
- #bdcbca
- RGB
- rgb(189 203 202)
- HSL
- hsl(176 12% 77%)
- HWB
- hwb(176 74% 20%)
- OKLCH
- oklch(0.831 0.015 191.7)
- OKLab
- oklab(0.831 -0.015 -0.003)
- CIE Lab
- lab(80.58 -5.08 -1.23)
- LCH
- lch(80.58 5.22 193.6)
- CMYK
- cmyk(7% 0% 0% 20%)
Tintes · Sombras · Tonos
Tintes
- C3D0CF
- CAD5D4
- D0DADA
- D7E0DF
- DEE5E4
- E4EAEA
- EBEFEF
- F2F4F4
- F8FAFA
Sombras
- A4B0AF
- 8C9695
- 747D7C
- 5D6564
- 474D4D
- 333737
- 1F2222
- 0D0F0F
- 020202
Tonos
- B7C3C2
- B1BCBB
- AAB4B3
- A4ACAC
- 9EA5A4
- 989D9D
- 929696
- 8C8E8E
- 868787
Armonías de color
Complementario +180°
- BDCBCA
Urban Raincoat
- D1C4C5
≈ Mother of Pearl Pink
Análogo -30° +30°
- BDCBCA
Urban Raincoat
- BFCBC4
≈ Soothing Spring
- BDCACF
≈ Sleepy Blue
Triádico +120° +240°
- BDCBCA
Urban Raincoat
- CBC5CF
≈ Hazy Mauve
- CEC6BD
≈ Hidden Cove
Complementario dividido +150° +210°
- BDCBCA
Urban Raincoat
- CFC4CA
≈ Piano Grey Rose
- D1C5C0
≈ Natural Silk Grey
Tetrádico +90° +180° +270°
- BDCBCA
Urban Raincoat
- C6C7D2
≈ Hyacinth Ice
- D1C4C5
≈ Mother of Pearl Pink
- C9C8BD
≈ Aloof Grey
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.67:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.55:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.55:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--urban-raincoat: #bdcbca;
--urban-raincoat-rgb: 189 203 202;
--urban-raincoat-oklch: oklch(0.831 0.015 191.7);
}
.element {
color: var(--urban-raincoat);
background-color: hsl(176 12% 77%);
border-color: oklch(0.831 0.015 191.7);
}Tailwind CSS v4
@theme {
--color-urban-raincoat: #bdcbca;
--color-urban-raincoat-50: #f0f7f6;
--color-urban-raincoat-100: #e2e9e9;
--color-urban-raincoat-200: #cdd6d6;
--color-urban-raincoat-300: #afbab9;
--color-urban-raincoat-400: #95a1a1;
--color-urban-raincoat-500: #7b8a89;
--color-urban-raincoat-600: #687474;
--color-urban-raincoat-700: #535d5c;
--color-urban-raincoat-800: #3d4443;
--color-urban-raincoat-900: #2a2f2f;
--color-urban-raincoat-950: #171c1b;
}SCSS
$urban-raincoat: #bdcbca;
$urban-raincoat-rgb: 189, 203, 202;
$urban-raincoat-light: mix(#fff, $urban-raincoat, 20%);
$urban-raincoat-dark: mix(#000, $urban-raincoat, 20%);
.element {
color: $urban-raincoat;
box-shadow: 0 0 0 2px rgba($urban-raincoat, 0.35);
}