Adlandırılmış renk · #BDC5C0
Pewter Tray
Pewter Tray, #BDC5C0: rgb(189 197 192), hsl(142 6% 76%), oklch(0.816 0.011 158.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? → · Pewter Tray color name →
#BDC5C0
oklch(0.816 0.011 158.8)
Renk dönüşümleri
- HEX
- #bdc5c0
- RGB
- rgb(189 197 192)
- HSL
- hsl(142 6% 76%)
- HWB
- hwb(142 74% 23%)
- OKLCH
- oklch(0.816 0.011 158.8)
- OKLab
- oklab(0.816 -0.01 0.004)
- CIE Lab
- lab(78.78 -3.55 1.51)
- LCH
- lch(78.78 3.86 157)
- CMYK
- cmyk(4% 0% 3% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3CBC6
- CAD0CC
- D0D6D3
- D7DCD9
- DEE2DF
- E4E7E5
- EBEDEC
- F2F3F2
- F8F9F9
Koyu tonlar
- A4ABA7
- 8C928E
- 747976
- 5D615F
- 474B49
- 333534
- 1F2120
- 0D0E0E
- 020202
Gri tonlar
- B7BEB9
- B0B7B3
- AAB0AC
- A4A9A6
- 9EA29F
- 989B99
- 929493
- 8C8D8C
- 868786
Renk uyumları
Tamamlayıcı +180°
- BDC5C0
Pewter Tray
- C8C0C5
≈ Whisper Soft
Analog -30° +30°
- BDC5C0
Pewter Tray
- C0C4BD
≈ Comfort Grey
- BBC5C4
≈ Silver Whiskers
Üçlü +120° +240°
- BDC5C0
Pewter Tray
- C1C2CA
≈ Pensive
- CAC0BD
≈ Worn Silver
Bölünmüş tamamlayıcı +150° +210°
- BDC5C0
Pewter Tray
- C5C1C8
≈ Grape Mist
- CAC0C1
≈ Nantucket Mist
Dörtlü +90° +180° +270°
- BDC5C0
Pewter Tray
- BDC3CA
≈ Bottlefly Wings
- C8C0C5
≈ Whisper Soft
- C8C2BB
≈ Taupe White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.91:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--pewter-tray: #bdc5c0;
--pewter-tray-rgb: 189 197 192;
--pewter-tray-oklch: oklch(0.816 0.011 158.8);
}
.element {
color: var(--pewter-tray);
background-color: hsl(142 6% 76%);
border-color: oklch(0.816 0.011 158.8);
}Tailwind CSS v4
@theme {
--color-pewter-tray: #bdc5c0;
--color-pewter-tray-50: #f2f6f4;
--color-pewter-tray-100: #e5e9e6;
--color-pewter-tray-200: #d0d6d3;
--color-pewter-tray-300: #b3b9b5;
--color-pewter-tray-400: #99a09c;
--color-pewter-tray-500: #808983;
--color-pewter-tray-600: #6d746f;
--color-pewter-tray-700: #575c59;
--color-pewter-tray-800: #3f4441;
--color-pewter-tray-900: #2c2f2d;
--color-pewter-tray-950: #191b1a;
}SCSS
$pewter-tray: #bdc5c0;
$pewter-tray-rgb: 189, 197, 192;
$pewter-tray-light: mix(#fff, $pewter-tray, 20%);
$pewter-tray-dark: mix(#000, $pewter-tray, 20%);
.element {
color: $pewter-tray;
box-shadow: 0 0 0 2px rgba($pewter-tray, 0.35);
}