Adlandırılmış renk · #BFC1CB
Slipper Satin
Slipper Satin, #BFC1CB: rgb(191 193 203), hsl(230 10% 77%), oklch(0.812 0.014 277). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Slipper Satin color name →
#BFC1CB
oklch(0.812 0.014 277)
Renk dönüşümleri
- HEX
- #bfc1cb
- RGB
- rgb(191 193 203)
- HSL
- hsl(230 10% 77%)
- HWB
- hwb(230 75% 20%)
- OKLCH
- oklch(0.812 0.014 277)
- OKLab
- oklab(0.812 0.002 -0.014)
- CIE Lab
- lab(78.14 0.7 -5.29)
- LCH
- lch(78.14 5.34 277.6)
- CMYK
- cmyk(6% 5% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5C7D0
- CCCDD5
- D2D3DA
- D8D9E0
- DFE0E5
- E5E6EA
- EBECEF
- F2F2F4
- F8F9FA
Koyu tonlar
- A6A7B0
- 8D8F96
- 75777D
- 5E5F65
- 48494D
- 333437
- 1F2022
- 0D0E0F
- 020202
Gri tonlar
- B8BAC3
- B2B4BC
- ACADB4
- A5A6AC
- 9FA0A5
- 99999D
- 929396
- 8C8D8E
- 868687
Renk uyumları
Tamamlayıcı +180°
- BFC1CB
Slipper Satin
- C4C2B8
≈ Baby Barn Owl
Analog -30° +30°
- BFC1CB
Slipper Satin
- BBC3CA
≈ Yorkshire Cloud
- C4BFC9
≈ Grape Mist
Üçlü +120° +240°
- BFC1CB
Slipper Satin
- CABFBB
≈ Worn Silver
- BBC5BE
≈ Pewter Tray
Bölünmüş tamamlayıcı +150° +210°
- BFC1CB
Slipper Satin
- C8C0B8
≈ Basket of Bobbins
- BFC3BA
≈ Comfort Grey
Dörtlü +90° +180° +270°
- BFC1CB
Slipper Satin
- CABEC0
≈ Nantucket Mist
- C4C2B8
≈ Baby Barn Owl
- B8C5C3
≈ Blustery Wind
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.79:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.70:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--slipper-satin: #bfc1cb;
--slipper-satin-rgb: 191 193 203;
--slipper-satin-oklch: oklch(0.812 0.014 277);
}
.element {
color: var(--slipper-satin);
background-color: hsl(230 10% 77%);
border-color: oklch(0.812 0.014 277);
}Tailwind CSS v4
@theme {
--color-slipper-satin: #bfc1cb;
--color-slipper-satin-50: #f4f5f9;
--color-slipper-satin-100: #e7e7ed;
--color-slipper-satin-200: #d3d4da;
--color-slipper-satin-300: #b5b7bf;
--color-slipper-satin-400: #9c9ea7;
--color-slipper-satin-500: #838590;
--color-slipper-satin-600: #6f717a;
--color-slipper-satin-700: #595a61;
--color-slipper-satin-800: #414247;
--color-slipper-satin-900: #2d2e31;
--color-slipper-satin-950: #1a1a1d;
}SCSS
$slipper-satin: #bfc1cb;
$slipper-satin-rgb: 191, 193, 203;
$slipper-satin-light: mix(#fff, $slipper-satin, 20%);
$slipper-satin-dark: mix(#000, $slipper-satin, 20%);
.element {
color: $slipper-satin;
box-shadow: 0 0 0 2px rgba($slipper-satin, 0.35);
}