Nazwany kolor · #A9B0B6
Cistern
Cistern to #A9B0B6: rgb(169 176 182), hsl(208 8% 69%), oklch(0.753 0.012 243.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cistern color name →
#A9B0B6
oklch(0.753 0.012 243.7)
Konwersje koloru
- HEX
- #a9b0b6
- RGB
- rgb(169 176 182)
- HSL
- hsl(208 8% 69%)
- HWB
- hwb(208 66% 29%)
- OKLCH
- oklch(0.753 0.012 243.7)
- OKLab
- oklab(0.753 -0.005 -0.01)
- CIE Lab
- lab(71.41 -1.66 -3.97)
- LCH
- lch(71.41 4.31 247.3)
- CMYK
- cmyk(7% 3% 0% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B1B8BD
- BABFC4
- C2C7CB
- CBCFD3
- D3D7DA
- DCDFE1
- E5E7E9
- EDEFF0
- F6F7F8
Odcienie ciemniejsze
- 92999E
- 7C8286
- 676C6F
- 535659
- 3F4244
- 2C2E30
- 1B1C1D
- 0A0B0C
- 010102
Tony
- A5ABB0
- A1A6AB
- 9DA1A5
- 989CA0
- 94989B
- 909395
- 8C8E90
- 88898B
- 848585
Harmonie kolorów
Komplementarna +180°
- A9B0B6
Cistern
- B5AEA8
≈ Rocky Bluffs
Analogowa -30° +30°
- A9B0B6
Cistern
- A7B1B3
≈ Mirror Mirror
- ACAFB7
≈ Love-Struck Chinchilla
Triada +120° +240°
- A9B0B6
Cistern
- B6ACAE
≈ Heather Bay
- ADB0A8
≈ Blue Fox
Komplementarna rozszczepiona +150° +210°
- A9B0B6
Cistern
- B6ADAA
≈ Slate Pebble
- B1AFA7
≈ Building Block
Tetrada +90° +180° +270°
- A9B0B6
Cistern
- B4ACB2
≈ Gellibrand
- B5AEA8
≈ Rocky Bluffs
- AAB1AC
≈ Artful
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.57:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.57:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--cistern: #a9b0b6;
--cistern-rgb: 169 176 182;
--cistern-oklch: oklch(0.753 0.012 243.7);
}
.element {
color: var(--cistern);
background-color: hsl(208 8% 69%);
border-color: oklch(0.753 0.012 243.7);
}Tailwind CSS v4
@theme {
--color-cistern: #a9b0b6;
--color-cistern-50: #f2f5f8;
--color-cistern-100: #e5e8ec;
--color-cistern-200: #d0d5d9;
--color-cistern-300: #b3b8bd;
--color-cistern-400: #999fa5;
--color-cistern-500: #80878d;
--color-cistern-600: #6c7278;
--color-cistern-700: #575b60;
--color-cistern-800: #3f4346;
--color-cistern-900: #2b2e31;
--color-cistern-950: #191b1d;
}SCSS
$cistern: #a9b0b6;
$cistern-rgb: 169, 176, 182;
$cistern-light: mix(#fff, $cistern, 20%);
$cistern-dark: mix(#000, $cistern, 20%);
.element {
color: $cistern;
box-shadow: 0 0 0 2px rgba($cistern, 0.35);
}