Cor nomeada · #BCC0CC
Starlight
Starlight é #BCC0CC: rgb(188 192 204), hsl(225 14% 77%), oklch(0.808 0.017 271.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Starlight color name →
#BCC0CC
oklch(0.808 0.017 271.2)
Conversões de cor
- HEX
- #bcc0cc
- RGB
- rgb(188 192 204)
- HSL
- hsl(225 14% 77%)
- HWB
- hwb(225 74% 20%)
- OKLCH
- oklch(0.808 0.017 271.2)
- OKLab
- oklab(0.808 0 -0.017)
- CIE Lab
- lab(77.66 0.3 -6.55)
- LCH
- lch(77.66 6.56 272.6)
- CMYK
- cmyk(8% 6% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- C3C6D1
- C9CCD6
- D0D3DB
- D6D9E0
- DDDFE5
- E4E5EA
- EBECF0
- F1F2F5
- F8F9FA
Sombras
- A3A7B1
- 8B8E97
- 73767E
- 5D5F65
- 47494E
- 323437
- 1F2022
- 0D0E0F
- 020202
Tons
- B6B9C4
- B0B3BC
- AAACB5
- A3A6AD
- 9D9FA5
- 97999E
- 929396
- 8C8C8F
- 868687
Harmonias de cor
Complementar +180°
- BCC0CC
Starlight
- C4C0B4
≈ Colonnade Stone
Análoga -30° +30°
- BCC0CC
Starlight
- B7C2CB
≈ Icebreaker
- C2BECA
≈ Gentleman’s Suit
Tríade +120° +240°
- BCC0CC
Starlight
- CBBDBA
≈ Barely Mauve
- B9C4BB
≈ Inviting Veranda
Complementar dividida +150° +210°
- BCC0CC
Starlight
- C9BEB5
≈ Grey Morn
- BEC2B6
≈ Light Patina
Tétrade +90° +180° +270°
- BCC0CC
Starlight
- CBBCBF
≈ Lady Fingers
- C4C0B4
≈ Colonnade Stone
- B5C4C1
≈ Sky Grey
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.55:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--starlight: #bcc0cc;
--starlight-rgb: 188 192 204;
--starlight-oklch: oklch(0.808 0.017 271.2);
}
.element {
color: var(--starlight);
background-color: hsl(225 14% 77%);
border-color: oklch(0.808 0.017 271.2);
}Tailwind CSS v4
@theme {
--color-starlight: #bcc0cc;
--color-starlight-50: #f3f5fa;
--color-starlight-100: #e6e8ee;
--color-starlight-200: #d2d4dc;
--color-starlight-300: #b4b7c1;
--color-starlight-400: #9a9ea9;
--color-starlight-500: #828692;
--color-starlight-600: #6e717c;
--color-starlight-700: #585b63;
--color-starlight-800: #404249;
--color-starlight-900: #2c2e32;
--color-starlight-950: #191a1e;
}SCSS
$starlight: #bcc0cc;
$starlight-rgb: 188, 192, 204;
$starlight-light: mix(#fff, $starlight, 20%);
$starlight-dark: mix(#000, $starlight, 20%);
.element {
color: $starlight;
box-shadow: 0 0 0 2px rgba($starlight, 0.35);
}