Adlandırılmış renk · #BABCC0
Microchip
Microchip, #BABCC0: rgb(186 188 192), hsl(220 5% 74%), oklch(0.795 0.006 264.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Microchip color name →
#BABCC0
oklch(0.795 0.006 264.5)
Renk dönüşümleri
- HEX
- #babcc0
- RGB
- rgb(186 188 192)
- HSL
- hsl(220 5% 74%)
- HWB
- hwb(220 73% 25%)
- OKLCH
- oklch(0.795 0.006 264.5)
- OKLab
- oklab(0.795 -0.001 -0.006)
- CIE Lab
- lab(76.17 -0.16 -2.28)
- LCH
- lch(76.17 2.29 266)
- CMYK
- cmyk(3% 2% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C1C3C6
- C7C9CC
- CED0D3
- D5D6D9
- DCDDDF
- E3E4E5
- EAEBEC
- F1F1F2
- F8F8F9
Koyu tonlar
- A1A3A7
- 898B8E
- 727376
- 5C5D5F
- 464749
- 323234
- 1E1F20
- 0D0D0E
- 020202
Gri tonlar
- B4B6B9
- AEB0B3
- A8AAAC
- A2A3A6
- 9D9D9F
- 979799
- 919293
- 8B8C8C
- 868686
Renk uyumları
Tamamlayıcı +180°
- BABCC0
Microchip
- BEBCB8
≈ Argos
Analog -30° +30°
- BABCC0
Microchip
- B8BDBF
≈ Oyster Mushroom
- BCBBC0
≈ Mithril Silver
Üçlü +120° +240°
- BABCC0
Microchip
- C0BBBA
≈ Grape Creme
- BABDBA
≈ Solstice
Bölünmüş tamamlayıcı +150° +210°
- BABCC0
Microchip
- BFBBB8
≈ Grape Creme
- BCBCB8
≈ Solstice
Dörtlü +90° +180° +270°
- BABCC0
Microchip
- BFBABC
≈ Standing Ovation
- BEBCB8
≈ Argos
- B8BDBC
≈ Monorail Silver
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.04:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--microchip: #babcc0;
--microchip-rgb: 186 188 192;
--microchip-oklch: oklch(0.795 0.006 264.5);
}
.element {
color: var(--microchip);
background-color: hsl(220 5% 74%);
border-color: oklch(0.795 0.006 264.5);
}Tailwind CSS v4
@theme {
--color-microchip: #babcc0;
--color-microchip-50: #f4f5f7;
--color-microchip-100: #e7e8ea;
--color-microchip-200: #d3d4d7;
--color-microchip-300: #b6b7ba;
--color-microchip-400: #9d9ea2;
--color-microchip-500: #84868a;
--color-microchip-600: #707275;
--color-microchip-700: #595b5e;
--color-microchip-800: #414244;
--color-microchip-900: #2d2e2f;
--color-microchip-950: #1a1b1c;
}SCSS
$microchip: #babcc0;
$microchip-rgb: 186, 188, 192;
$microchip-light: mix(#fff, $microchip, 20%);
$microchip-dark: mix(#000, $microchip, 20%);
.element {
color: $microchip;
box-shadow: 0 0 0 2px rgba($microchip, 0.35);
}