Color con nombre · #B7C4D3
Stargate
Stargate es #B7C4D3: rgb(183 196 211), hsl(212 24% 77%), oklch(0.815 0.026 251.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Stargate color name →
#B7C4D3
oklch(0.815 0.026 251.9)
Conversiones de color
- HEX
- #b7c4d3
- RGB
- rgb(183 196 211)
- HSL
- hsl(212 24% 77%)
- HWB
- hwb(212 72% 17%)
- OKLCH
- oklch(0.815 0.026 251.9)
- OKLab
- oklab(0.815 -0.008 -0.024)
- CIE Lab
- lab(78.5 -2.35 -9.14)
- LCH
- lch(78.5 9.43 255.6)
- CMYK
- cmyk(13% 7% 0% 17%)
Tintes · Sombras · Tonos
Tintes
- BECAD7
- C5D0DC
- CCD5E0
- D3DBE5
- DBE1E9
- E2E7ED
- E9EDF2
- F0F3F6
- F8F9FB
Sombras
- 9FAAB7
- 87919C
- 707882
- 5A6169
- 454A51
- 31353A
- 1E2124
- 0C0E10
- 020202
Tonos
- B1BDCA
- ACB6C2
- A6AFB9
- A1A8B1
- 9BA1A9
- 969BA0
- 909498
- 8B8D90
- 858788
Armonías de color
Complementario +180°
- B7C4D3
Stargate
- CDC0B1
≈ Soft Pelican
Análogo -30° +30°
- B7C4D3
Stargate
- B1C7CE
≈ Billowy Breeze
- BFC1D3
≈ Lavender Honour
Triádico +120° +240°
- B7C4D3
Stargate
- D2BCBE
≈ Embroidery
- BCC6B5
≈ Komorebi
Complementario dividido +150° +210°
- B7C4D3
Stargate
- D2BEB6
≈ Summer Bloom
- C5C3B1
≈ Kangaroo
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.85:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--stargate: #b7c4d3;
--stargate-rgb: 183 196 211;
--stargate-oklch: oklch(0.815 0.026 251.9);
}
.element {
color: var(--stargate);
background-color: hsl(212 24% 77%);
border-color: oklch(0.815 0.026 251.9);
}Tailwind CSS v4
@theme {
--color-stargate: #b7c4d3;
--color-stargate-50: #f0f6fd;
--color-stargate-100: #e2e9f0;
--color-stargate-200: #cdd5df;
--color-stargate-300: #afb8c5;
--color-stargate-400: #94a0ad;
--color-stargate-500: #7a8897;
--color-stargate-600: #687380;
--color-stargate-700: #535c66;
--color-stargate-800: #3c434b;
--color-stargate-900: #292e34;
--color-stargate-950: #171b20;
}SCSS
$stargate: #b7c4d3;
$stargate-rgb: 183, 196, 211;
$stargate-light: mix(#fff, $stargate, 20%);
$stargate-dark: mix(#000, $stargate, 20%);
.element {
color: $stargate;
box-shadow: 0 0 0 2px rgba($stargate, 0.35);
}