Colore con nome · #B0BCC3
Stormy
Stormy è #B0BCC3: rgb(176 188 195), hsl(202 14% 73%), oklch(0.788 0.017 233.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Stormy color name →
#B0BCC3
oklch(0.788 0.017 233.1)
Conversioni di colore
- HEX
- #b0bcc3
- RGB
- rgb(176 188 195)
- HSL
- hsl(202 14% 73%)
- HWB
- hwb(202 69% 24%)
- OKLCH
- oklch(0.788 0.017 233.1)
- OKLab
- oklab(0.788 -0.01 -0.013)
- CIE Lab
- lab(75.46 -3.25 -5.05)
- LCH
- lch(75.46 6.01 237.2)
- CMYK
- cmyk(10% 4% 0% 24%)
Tinte · Ombre · Toni
Tinte
- B8C3C9
- BFC9CF
- C7D0D5
- CFD6DB
- D7DDE1
- DFE4E7
- E7EBED
- EFF1F3
- F7F8F9
Ombre
- 99A3A9
- 828B90
- 6C7378
- 565D60
- 42474A
- 2E3234
- 1C1F20
- 0B0D0E
- 010202
Toni
- ABB6BC
- A6B0B5
- A1AAAE
- 9DA4A8
- 989DA1
- 93989A
- 8E9294
- 898C8D
- 858686
Armonie di colore
Complementare +180°
- B0BCC3
Stormy
- C3B7B0
≈ Sand Ripples
Analogo -30° +30°
- B0BCC3
Stormy
- AEBDBF
≈ Arctic Feelings
- B4BAC5
≈ Spirit
Triadico +120° +240°
- B0BCC3
Stormy
- C3B6BB
≈ Lavender Sand
- BABBAF
≈ Rocky Cliff
Complementare divisa +150° +210°
- B0BCC3
Stormy
- C4B6B5
≈ Grey Rose
- BFB9AE
≈ Row House
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.93:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.82:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--stormy: #b0bcc3;
--stormy-rgb: 176 188 195;
--stormy-oklch: oklch(0.788 0.017 233.1);
}
.element {
color: var(--stormy);
background-color: hsl(202 14% 73%);
border-color: oklch(0.788 0.017 233.1);
}Tailwind CSS v4
@theme {
--color-stormy: #b0bcc3;
--color-stormy-50: #f1f6f9;
--color-stormy-100: #e3e9ed;
--color-stormy-200: #ced5da;
--color-stormy-300: #b0b9bf;
--color-stormy-400: #95a0a7;
--color-stormy-500: #7c8890;
--color-stormy-600: #697379;
--color-stormy-700: #545c61;
--color-stormy-800: #3d4447;
--color-stormy-900: #2a2f31;
--color-stormy-950: #171b1d;
}SCSS
$stormy: #b0bcc3;
$stormy-rgb: 176, 188, 195;
$stormy-light: mix(#fff, $stormy, 20%);
$stormy-dark: mix(#000, $stormy, 20%);
.element {
color: $stormy;
box-shadow: 0 0 0 2px rgba($stormy, 0.35);
}