Adlandırılmış renk · #BBC6C9
Stormhost Silver
Stormhost Silver, #BBC6C9: rgb(187 198 201), hsl(193 11% 76%), oklch(0.819 0.013 215.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Stormhost Silver color name →
#BBC6C9
oklch(0.819 0.013 215.8)
Renk dönüşümleri
- HEX
- #bbc6c9
- RGB
- rgb(187 198 201)
- HSL
- hsl(193 11% 76%)
- HWB
- hwb(193 73% 21%)
- OKLCH
- oklch(0.819 0.013 215.8)
- OKLab
- oklab(0.819 -0.01 -0.008)
- CIE Lab
- lab(79.09 -3.47 -2.88)
- LCH
- lch(79.09 4.51 219.7)
- CMYK
- cmyk(7% 1% 0% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2CCCE
- C8D1D4
- CFD7D9
- D6DCDE
- DDE2E4
- E3E8E9
- EAEEEF
- F1F3F4
- F8F9F9
Koyu tonlar
- A2ACAE
- 8A9295
- 737A7C
- 5C6264
- 464B4C
- 323536
- 1F2122
- 0D0E0F
- 020202
Gri tonlar
- B5BFC1
- AFB8BA
- A9B0B2
- A3A9AB
- 9DA2A4
- 979B9C
- 919495
- 8B8E8E
- 868787
Renk uyumları
Tamamlayıcı +180°
- BBC6C9
Stormhost Silver
- CCC1BE
≈ Chicago Fog
Analog -30° +30°
- BBC6C9
Stormhost Silver
- BBC7C5
≈ Silver Whiskers
- BDC5CC
≈ Blue Dolphin
Üçlü +120° +240°
- BBC6C9
Stormhost Silver
- C9C1C7
≈ Lavender Vapour
- C6C4BB
≈ Notre Dame
Bölünmüş tamamlayıcı +150° +210°
- BBC6C9
Stormhost Silver
- CCC0C2
≈ Nantucket Mist
- CAC2BB
≈ Pumice Stone
Dörtlü +90° +180° +270°
- BBC6C9
Stormhost Silver
- C6C2CB
≈ Satire
- CCC1BE
≈ Chicago Fog
- C2C5BD
≈ Rippled Rock
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.03:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--stormhost-silver: #bbc6c9;
--stormhost-silver-rgb: 187 198 201;
--stormhost-silver-oklch: oklch(0.819 0.013 215.8);
}
.element {
color: var(--stormhost-silver);
background-color: hsl(193 11% 76%);
border-color: oklch(0.819 0.013 215.8);
}Tailwind CSS v4
@theme {
--color-stormhost-silver: #bbc6c9;
--color-stormhost-silver-50: #f1f6f7;
--color-stormhost-silver-100: #e3e9eb;
--color-stormhost-silver-200: #ced6d8;
--color-stormhost-silver-300: #b0b9bc;
--color-stormhost-silver-400: #96a0a3;
--color-stormhost-silver-500: #7d888c;
--color-stormhost-silver-600: #6a7376;
--color-stormhost-silver-700: #555c5e;
--color-stormhost-silver-800: #3e4445;
--color-stormhost-silver-900: #2a2f30;
--color-stormhost-silver-950: #181b1c;
}SCSS
$stormhost-silver: #bbc6c9;
$stormhost-silver-rgb: 187, 198, 201;
$stormhost-silver-light: mix(#fff, $stormhost-silver, 20%);
$stormhost-silver-dark: mix(#000, $stormhost-silver, 20%);
.element {
color: $stormhost-silver;
box-shadow: 0 0 0 2px rgba($stormhost-silver, 0.35);
}