Adlandırılmış renk · #9AB2A9
Silver Drop
Silver Drop, #9AB2A9: rgb(154 178 169), hsl(158 13% 65%), oklch(0.743 0.029 170.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? → · Silver Drop color name →
#9AB2A9
oklch(0.743 0.029 170.9)
Renk dönüşümleri
- HEX
- #9ab2a9
- RGB
- rgb(154 178 169)
- HSL
- hsl(158 13% 65%)
- HWB
- hwb(158 60% 30%)
- OKLCH
- oklch(0.743 0.029 170.9)
- OKLab
- oklab(0.743 -0.029 0.005)
- CIE Lab
- lab(70.53 -9.93 1.68)
- LCH
- lch(70.53 10.08 170.4)
- CMYK
- cmyk(13% 0% 5% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4B9B1
- AEC1BA
- B8C9C2
- C2D0CB
- CCD8D3
- D6E0DC
- E0E7E5
- EAEFED
- F5F7F6
Koyu tonlar
- 859A92
- 71837C
- 5E6D67
- 4B5753
- 39433F
- 272F2C
- 171D1B
- 090C0A
- 010101
Gri tonlar
- 97ADA5
- 95A8A1
- 92A39C
- 909E98
- 8D9994
- 8B9490
- 888F8C
- 858A88
- 838584
Renk uyumları
Tamamlayıcı +180°
- 9AB2A9
Silver Drop
- BBA4AE
≈ Cold Pink
Analog -30° +30°
- 9AB2A9
Silver Drop
- A2B19F
≈ Tranquil Green
- 97B2B3
≈ Ether
Üçlü +120° +240°
- 9AB2A9
Silver Drop
- ABA9BD
≈ Cream Violet
- BCA79B
≈ Putty Grey
Bölünmüş tamamlayıcı +150° +210°
- 9AB2A9
Silver Drop
- B4A6B7
≈ Bellflower Violet
- BEA5A4
≈ Florida Grey
Dörtlü +90° +180° +270°
- 9AB2A9
Silver Drop
- A1ACBF
≈ Lilac Time
- BBA4AE
≈ Cold Pink
- B5AA97
≈ Safari Chic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.25:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.31:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--silver-drop: #9ab2a9;
--silver-drop-rgb: 154 178 169;
--silver-drop-oklch: oklch(0.743 0.029 170.9);
}
.element {
color: var(--silver-drop);
background-color: hsl(158 13% 65%);
border-color: oklch(0.743 0.029 170.9);
}Tailwind CSS v4
@theme {
--color-silver-drop: #9ab2a9;
--color-silver-drop-50: #edf8f4;
--color-silver-drop-100: #dfebe7;
--color-silver-drop-200: #c8d9d3;
--color-silver-drop-300: #a9bdb6;
--color-silver-drop-400: #8ea49c;
--color-silver-drop-500: #738d83;
--color-silver-drop-600: #62776f;
--color-silver-drop-700: #4e5f59;
--color-silver-drop-800: #394641;
--color-silver-drop-900: #27302c;
--color-silver-drop-950: #151d1a;
}SCSS
$silver-drop: #9ab2a9;
$silver-drop-rgb: 154, 178, 169;
$silver-drop-light: mix(#fff, $silver-drop, 20%);
$silver-drop-dark: mix(#000, $silver-drop, 20%);
.element {
color: $silver-drop;
box-shadow: 0 0 0 2px rgba($silver-drop, 0.35);
}