Adlandırılmış renk · #A6AEAA
Silver Screen
Silver Screen, #A6AEAA: rgb(166 174 170), hsl(150 5% 67%), oklch(0.743 0.011 164.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? → · Silver Screen color name →
#A6AEAA
oklch(0.743 0.011 164.8)
Renk dönüşümleri
- HEX
- #a6aeaa
- RGB
- rgb(166 174 170)
- HSL
- hsl(150 5% 67%)
- HWB
- hwb(150 65% 32%)
- OKLCH
- oklch(0.743 0.011 164.8)
- OKLab
- oklab(0.743 -0.01 0.003)
- CIE Lab
- lab(70.36 -3.49 1.03)
- LCH
- lch(70.36 3.64 163.6)
- CMYK
- cmyk(5% 0% 2% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFB6B2
- B7BEBA
- C0C6C3
- C9CECB
- D2D6D4
- DBDEDC
- E4E6E5
- EDEEED
- F6F7F6
Koyu tonlar
- 909793
- 7A807D
- 656A68
- 515553
- 3E413F
- 2B2E2D
- 1A1C1B
- 0A0B0B
- 010101
Gri tonlar
- A2A9A6
- 9EA5A1
- 9AA09D
- 979B99
- 939795
- 8F9291
- 8B8E8C
- 878988
- 848484
Renk uyumları
Tamamlayıcı +180°
- A6AEAA
Silver Screen
- B1A9AD
≈ Stamina
Analog -30° +30°
- A6AEAA
Silver Screen
- A9ADA7
≈ Cool Granite
- A5AEAE
≈ Gull Grey
Üçlü +120° +240°
- A6AEAA
Silver Screen
- ABABB2
≈ Sylph
- B2AAA6
≈ Autumn Grey
Bölünmüş tamamlayıcı +150° +210°
- A6AEAA
Silver Screen
- AEAAB1
≈ Sylph
- B2A9AA
≈ Silver Service
Dörtlü +90° +180° +270°
- A6AEAA
Silver Screen
- A7ACB3
≈ Northern Light Grey
- B1A9AD
≈ Stamina
- B0ABA5
≈ City Tower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.25:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--silver-screen: #a6aeaa;
--silver-screen-rgb: 166 174 170;
--silver-screen-oklch: oklch(0.743 0.011 164.8);
}
.element {
color: var(--silver-screen);
background-color: hsl(150 5% 67%);
border-color: oklch(0.743 0.011 164.8);
}Tailwind CSS v4
@theme {
--color-silver-screen: #a6aeaa;
--color-silver-screen-50: #f2f6f4;
--color-silver-screen-100: #e5e9e7;
--color-silver-screen-200: #d0d6d3;
--color-silver-screen-300: #b3b9b6;
--color-silver-screen-400: #99a09d;
--color-silver-screen-500: #808884;
--color-silver-screen-600: #6c7370;
--color-silver-screen-700: #575c5a;
--color-silver-screen-800: #3f4441;
--color-silver-screen-900: #2c2f2d;
--color-silver-screen-950: #191b1a;
}SCSS
$silver-screen: #a6aeaa;
$silver-screen-rgb: 166, 174, 170;
$silver-screen-light: mix(#fff, $silver-screen, 20%);
$silver-screen-dark: mix(#000, $silver-screen, 20%);
.element {
color: $silver-screen;
box-shadow: 0 0 0 2px rgba($silver-screen, 0.35);
}