Nazwany kolor · #BBC5C4
Silver Whiskers
Silver Whiskers to #BBC5C4: rgb(187 197 196), hsl(174 8% 75%), oklch(0.815 0.011 189.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Silver Whiskers color name →
#BBC5C4
oklch(0.815 0.011 189.8)
Konwersje koloru
- HEX
- #bbc5c4
- RGB
- rgb(187 197 196)
- HSL
- hsl(174 8% 75%)
- HWB
- hwb(174 73% 23%)
- OKLCH
- oklch(0.815 0.011 189.8)
- OKLab
- oklab(0.815 -0.011 -0.002)
- CIE Lab
- lab(78.71 -3.7 -0.75)
- LCH
- lch(78.71 3.77 191.5)
- CMYK
- cmyk(5% 0% 1% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2CBCA
- C8D0D0
- CFD6D5
- D6DCDB
- DDE2E1
- E3E7E7
- EAEDED
- F1F3F3
- F8F9F9
Odcienie ciemniejsze
- A2ABAA
- 8A9291
- 737978
- 5C6161
- 464B4A
- 323535
- 1F2121
- 0D0E0E
- 020202
Tony
- B5BEBD
- AFB7B6
- A9B0AF
- A3A9A8
- 9DA2A1
- 979B9B
- 919494
- 8B8D8D
- 868787
Harmonie kolorów
Komplementarna +180°
- BBC5C4
Silver Whiskers
- CAC0C1
≈ Nantucket Mist
Analogowa -30° +30°
- BBC5C4
Silver Whiskers
- BDC5C0
≈ Pewter Tray
- BBC4C8
≈ Metallic
Triada +120° +240°
- BBC5C4
Silver Whiskers
- C5C1C8
≈ Grape Mist
- C7C1BB
≈ Taupe White
Komplementarna rozszczepiona +150° +210°
- BBC5C4
Silver Whiskers
- C8C0C5
≈ Whisper Soft
- C9C0BD
≈ Worn Silver
Tetrada +90° +180° +270°
- BBC5C4
Silver Whiskers
- C1C2CA
≈ Pensive
- CAC0C1
≈ Nantucket Mist
- C4C3BB
≈ Grey Nickel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.89:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-whiskers: #bbc5c4;
--silver-whiskers-rgb: 187 197 196;
--silver-whiskers-oklch: oklch(0.815 0.011 189.8);
}
.element {
color: var(--silver-whiskers);
background-color: hsl(174 8% 75%);
border-color: oklch(0.815 0.011 189.8);
}Tailwind CSS v4
@theme {
--color-silver-whiskers: #bbc5c4;
--color-silver-whiskers-50: #f2f6f6;
--color-silver-whiskers-100: #e4e9e9;
--color-silver-whiskers-200: #cfd6d5;
--color-silver-whiskers-300: #b1b9b9;
--color-silver-whiskers-400: #97a1a0;
--color-silver-whiskers-500: #7e8988;
--color-silver-whiskers-600: #6b7473;
--color-silver-whiskers-700: #555c5c;
--color-silver-whiskers-800: #3e4443;
--color-silver-whiskers-900: #2b2f2e;
--color-silver-whiskers-950: #181b1b;
}SCSS
$silver-whiskers: #bbc5c4;
$silver-whiskers-rgb: 187, 197, 196;
$silver-whiskers-light: mix(#fff, $silver-whiskers, 20%);
$silver-whiskers-dark: mix(#000, $silver-whiskers, 20%);
.element {
color: $silver-whiskers;
box-shadow: 0 0 0 2px rgba($silver-whiskers, 0.35);
}