Adlandırılmış renk · #9FA3A7
Grey Chateau
Grey Chateau, #9FA3A7: rgb(159 163 167), hsl(210 4% 64%), oklch(0.713 0.007 247.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Grey Chateau color name →
#9FA3A7
oklch(0.713 0.007 247.9)
Renk dönüşümleri
- HEX
- #9fa3a7
- RGB
- rgb(159 163 167)
- HSL
- hsl(210 4% 64%)
- HWB
- hwb(210 62% 35%)
- OKLCH
- oklch(0.713 0.007 247.9)
- OKLab
- oklab(0.713 -0.003 -0.007)
- CIE Lab
- lab(66.76 -0.89 -2.61)
- LCH
- lch(66.76 2.75 251.1)
- CMYK
- cmyk(5% 2% 0% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8ACAF
- B2B5B8
- BBBEC1
- C4C7C9
- CED0D2
- D8D9DB
- E1E3E4
- EBECED
- F5F5F6
Koyu tonlar
- 8A8D91
- 75787B
- 616366
- 4D4F52
- 3B3C3E
- 292A2C
- 18191A
- 090A0A
- 010101
Gri tonlar
- 9C9FA3
- 999C9F
- 96989B
- 929597
- 8F9193
- 8C8E8F
- 898A8C
- 868788
- 838384
Renk uyumları
Tamamlayıcı +180°
- 9FA3A7
Grey Chateau
- A6A29E
≈ Pewter Grey
Analog -30° +30°
- 9FA3A7
Grey Chateau
- 9EA4A6
≈ Coastal Sea Fog
- A1A2A7
≈ Grey Chateau
Üçlü +120° +240°
- 9FA3A7
Grey Chateau
- A7A1A2
≈ Beijing Moon
- A1A39F
≈ Still Life in Grey
Bölünmüş tamamlayıcı +150° +210°
- 9FA3A7
Grey Chateau
- A7A19F
≈ Pewter Grey
- A4A39D
≈ Grey Gloss
Dörtlü +90° +180° +270°
- 9FA3A7
Grey Chateau
- A6A1A4
≈ Feather Quill
- A6A29E
≈ Pewter Grey
- 9FA4A1
≈ Still Life in Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.53:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.27:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.27:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--grey-chateau: #9fa3a7;
--grey-chateau-rgb: 159 163 167;
--grey-chateau-oklch: oklch(0.713 0.007 247.9);
}
.element {
color: var(--grey-chateau);
background-color: hsl(210 4% 64%);
border-color: oklch(0.713 0.007 247.9);
}Tailwind CSS v4
@theme {
--color-grey-chateau: #9fa3a7;
--color-grey-chateau-50: #f3f5f7;
--color-grey-chateau-100: #e6e8ea;
--color-grey-chateau-200: #d2d4d7;
--color-grey-chateau-300: #b5b8bb;
--color-grey-chateau-400: #9b9fa3;
--color-grey-chateau-500: #82878b;
--color-grey-chateau-600: #6e7276;
--color-grey-chateau-700: #585b5e;
--color-grey-chateau-800: #404345;
--color-grey-chateau-900: #2c2e30;
--color-grey-chateau-950: #191b1c;
}SCSS
$grey-chateau: #9fa3a7;
$grey-chateau-rgb: 159, 163, 167;
$grey-chateau-light: mix(#fff, $grey-chateau, 20%);
$grey-chateau-dark: mix(#000, $grey-chateau, 20%);
.element {
color: $grey-chateau;
box-shadow: 0 0 0 2px rgba($grey-chateau, 0.35);
}