Nazwany kolor · #B8B9CB
Cosmic
Cosmic to #B8B9CB: rgb(184 185 203), hsl(237 15% 76%), oklch(0.791 0.025 283.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cosmic color name →
#B8B9CB
oklch(0.791 0.025 283.3)
Konwersje koloru
- HEX
- #b8b9cb
- RGB
- rgb(184 185 203)
- HSL
- hsl(237 15% 76%)
- HWB
- hwb(237 72% 20%)
- OKLCH
- oklch(0.791 0.025 283.3)
- OKLab
- oklab(0.791 0.006 -0.025)
- CIE Lab
- lab(75.49 2.26 -9.24)
- LCH
- lch(75.49 9.51 283.8)
- CMYK
- cmyk(9% 9% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFC0D0
- C6C7D5
- CDCEDA
- D4D5E0
- DBDCE5
- E2E3EA
- E9EAEF
- F0F1F4
- F8F8FA
Odcienie ciemniejsze
- A0A0B0
- 888996
- 71717D
- 5B5B65
- 45464D
- 313137
- 1E1E22
- 0C0D0F
- 020202
Tony
- B2B3C3
- ACADBC
- A7A8B4
- A1A2AC
- 9C9CA5
- 96969D
- 909196
- 8B8B8F
- 858687
Harmonie kolorów
Komplementarna +180°
- B8B9CB
Cosmic
- BDBCA9
≈ Softened Green
Analogowa -30° +30°
- B8B9CB
Cosmic
- B0BCCB
≈ Simply Blue
- C1B6C7
≈ Decency
Triada +120° +240°
- B8B9CB
Cosmic
- CAB6AE
≈ Cold Turkey
- ADC0B6
≈ Grey Embrace
Komplementarna rozszczepiona +150° +210°
- B8B9CB
Cosmic
- C5B9A9
≈ White Tiger
- B4BFAE
≈ Coastal Crush
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.84:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.84:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--cosmic: #b8b9cb;
--cosmic-rgb: 184 185 203;
--cosmic-oklch: oklch(0.791 0.025 283.3);
}
.element {
color: var(--cosmic);
background-color: hsl(237 15% 76%);
border-color: oklch(0.791 0.025 283.3);
}Tailwind CSS v4
@theme {
--color-cosmic: #b8b9cb;
--color-cosmic-50: #f4f4fc;
--color-cosmic-100: #e7e7f0;
--color-cosmic-200: #d3d3df;
--color-cosmic-300: #b6b6c4;
--color-cosmic-400: #9c9dad;
--color-cosmic-500: #838497;
--color-cosmic-600: #6f7080;
--color-cosmic-700: #595a66;
--color-cosmic-800: #41414b;
--color-cosmic-900: #2c2d34;
--color-cosmic-950: #1a1a20;
}SCSS
$cosmic: #b8b9cb;
$cosmic-rgb: 184, 185, 203;
$cosmic-light: mix(#fff, $cosmic, 20%);
$cosmic-dark: mix(#000, $cosmic, 20%);
.element {
color: $cosmic;
box-shadow: 0 0 0 2px rgba($cosmic, 0.35);
}