En yakın adlandırılmış renk · #B8C0CB
#B8C0CB
En yakın adlandırılmış renk: Stainless Steel
#B8C0CB (rgb(184 192 203), hsl(215 15% 76%), oklch(0.805 0.018 256.3)) en çok Stainless Steel adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B8C0CB
oklch(0.805 0.018 256.3)
Renk dönüşümleri
- HEX
- #b8c0cb
- RGB
- rgb(184 192 203)
- HSL
- hsl(215 15% 76%)
- HWB
- hwb(215 72% 20%)
- OKLCH
- oklch(0.805 0.018 256.3)
- OKLab
- oklab(0.805 -0.004 -0.017)
- CIE Lab
- lab(77.32 -1.25 -6.55)
- LCH
- lch(77.32 6.67 259.2)
- CMYK
- cmyk(9% 5% 0% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BFC6D0
- C6CCD5
- CDD3DA
- D4D9E0
- DBDFE5
- E2E5EA
- E9ECEF
- F0F2F4
- F8F9FA
Koyu tonlar
- A0A7B0
- 888E96
- 71767D
- 5B5F65
- 45494D
- 313437
- 1E2022
- 0C0E0F
- 020202
Gri tonlar
- B2B9C3
- ADB3BC
- A7ACB4
- A1A6AC
- 9C9FA5
- 96999D
- 909396
- 8B8C8F
- 858687
Renk uyumları
Tamamlayıcı +180°
- B8C0CB
Stainless Steel
- C6BEB3
≈ Hearthstone
Analog -30° +30°
- B8C0CB
Stainless Steel
- B4C2C8
≈ Driftwood Blues
- BEBECB
≈ Gentleman’s Suit
Üçlü +120° +240°
- B8C0CB
Stainless Steel
- CBBBBB
≈ Silentropae Cloud
- BAC2B7
≈ Bog Fog
Bölünmüş tamamlayıcı +150° +210°
- B8C0CB
Stainless Steel
- CABCB6
≈ Dusky Taupe
- C0C0B3
≈ Light Year
Dörtlü +90° +180° +270°
- B8C0CB
Stainless Steel
- C9BBC2
≈ Hazy Iris
- C6BEB3
≈ Hearthstone
- B5C3BD
≈ Mediterranean Dusk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.44:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--stainless-steel: #b8c0cb;
--stainless-steel-rgb: 184 192 203;
--stainless-steel-oklch: oklch(0.805 0.018 256.3);
}
.element {
color: var(--stainless-steel);
background-color: hsl(215 15% 76%);
border-color: oklch(0.805 0.018 256.3);
}Tailwind CSS v4
@theme {
--color-stainless-steel: #b8c0cb;
--color-stainless-steel-50: #f2f5fa;
--color-stainless-steel-100: #e4e8ee;
--color-stainless-steel-200: #d0d5dc;
--color-stainless-steel-300: #b2b8c1;
--color-stainless-steel-400: #989fa9;
--color-stainless-steel-500: #7f8792;
--color-stainless-steel-600: #6b727c;
--color-stainless-steel-700: #565b63;
--color-stainless-steel-800: #3e4349;
--color-stainless-steel-900: #2b2e32;
--color-stainless-steel-950: #181b1e;
}SCSS
$stainless-steel: #b8c0cb;
$stainless-steel-rgb: 184, 192, 203;
$stainless-steel-light: mix(#fff, $stainless-steel, 20%);
$stainless-steel-dark: mix(#000, $stainless-steel, 20%);
.element {
color: $stainless-steel;
box-shadow: 0 0 0 2px rgba($stainless-steel, 0.35);
}