Nazwany kolor · #A9B0B4
Brilliant Silver
Brilliant Silver to #A9B0B4: rgb(169 176 180), hsl(202 7% 68%), oklch(0.753 0.01 232.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Brilliant Silver color name →
#A9B0B4
oklch(0.753 0.01 232.4)
Konwersje koloru
- HEX
- #a9b0b4
- RGB
- rgb(169 176 180)
- HSL
- hsl(202 7% 68%)
- HWB
- hwb(202 66% 29%)
- OKLCH
- oklch(0.753 0.01 232.4)
- OKLab
- oklab(0.753 -0.006 -0.008)
- CIE Lab
- lab(71.36 -1.96 -2.95)
- LCH
- lch(71.36 3.54 236.4)
- CMYK
- cmyk(6% 2% 0% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B1B8BB
- BABFC3
- C2C7CA
- CBCFD1
- D3D7D9
- DCDFE0
- E5E7E8
- EDEFF0
- F6F7F7
Odcienie ciemniejsze
- 92999C
- 7C8285
- 676C6E
- 535658
- 3F4244
- 2C2E30
- 1B1C1D
- 0A0B0C
- 010102
Tony
- A5ABAF
- A1A6A9
- 9DA1A4
- 989C9F
- 94989A
- 909394
- 8C8E8F
- 88898A
- 848585
Harmonie kolorów
Komplementarna +180°
- A9B0B4
Brilliant Silver
- B4ADA9
≈ Slate Pebble
Analogowa -30° +30°
- A9B0B4
Brilliant Silver
- A8B1B1
≈ Flint Smoke
- ABAFB5
≈ Cistern
Triada +120° +240°
- A9B0B4
Brilliant Silver
- B4ACAF
≈ Pinch Purple
- AFAFA9
≈ Building Block
Komplementarna rozszczepiona +150° +210°
- A9B0B4
Brilliant Silver
- B5ACAC
≈ Rose Ashes
- B2AEA8
≈ Rocky Bluffs
Tetrada +90° +180° +270°
- A9B0B4
Brilliant Silver
- B2ADB2
≈ Gellibrand
- B4ADA9
≈ Slate Pebble
- ABB0AB
≈ Mineral Deposit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.55:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--brilliant-silver: #a9b0b4;
--brilliant-silver-rgb: 169 176 180;
--brilliant-silver-oklch: oklch(0.753 0.01 232.4);
}
.element {
color: var(--brilliant-silver);
background-color: hsl(202 7% 68%);
border-color: oklch(0.753 0.01 232.4);
}Tailwind CSS v4
@theme {
--color-brilliant-silver: #a9b0b4;
--color-brilliant-silver-50: #f2f6f7;
--color-brilliant-silver-100: #e5e8eb;
--color-brilliant-silver-200: #d0d5d8;
--color-brilliant-silver-300: #b3b8bc;
--color-brilliant-silver-400: #99a0a3;
--color-brilliant-silver-500: #80878c;
--color-brilliant-silver-600: #6c7376;
--color-brilliant-silver-700: #575c5e;
--color-brilliant-silver-800: #3f4345;
--color-brilliant-silver-900: #2b2e30;
--color-brilliant-silver-950: #191b1c;
}SCSS
$brilliant-silver: #a9b0b4;
$brilliant-silver-rgb: 169, 176, 180;
$brilliant-silver-light: mix(#fff, $brilliant-silver, 20%);
$brilliant-silver-dark: mix(#000, $brilliant-silver, 20%);
.element {
color: $brilliant-silver;
box-shadow: 0 0 0 2px rgba($brilliant-silver, 0.35);
}