Nazwany kolor · #9CA9AA
Horizon Grey
Horizon Grey to #9CA9AA: rgb(156 169 170), hsl(184 8% 64%), oklch(0.725 0.015 202.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Horizon Grey color name →
#9CA9AA
oklch(0.725 0.015 202.4)
Konwersje koloru
- HEX
- #9ca9aa
- RGB
- rgb(156 169 170)
- HSL
- hsl(184 8% 64%)
- HWB
- hwb(184 61% 33%)
- OKLCH
- oklch(0.725 0.015 202.4)
- OKLab
- oklab(0.725 -0.014 -0.006)
- CIE Lab
- lab(68.22 -4.58 -2.17)
- LCH
- lch(68.22 5.07 205.3)
- CMYK
- cmyk(8% 1% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6B1B2
- AFBABA
- B9C2C3
- C3CBCB
- CCD3D4
- D6DCDC
- E0E5E5
- EBEDEE
- F5F6F6
Odcienie ciemniejsze
- 879293
- 737C7D
- 5F6768
- 4C5353
- 393F3F
- 282C2D
- 181B1B
- 090A0B
- 010101
Tony
- 99A5A6
- 96A1A1
- 949C9D
- 919899
- 8E9495
- 8B9091
- 888C8C
- 868888
- 838484
Harmonie kolorów
Komplementarna +180°
- 9CA9AA
Horizon Grey
- AFA3A2
≈ Flexible Grey
Analogowa -30° +30°
- 9CA9AA
Horizon Grey
- 9DA9A5
≈ Halcyon Green
- 9DA8AE
≈ Seryi Grey
Triada +120° +240°
- 9CA9AA
Horizon Grey
- ABA3AC
≈ Luxe Lilac
- ABA59C
≈ Warm Grey Flannel
Komplementarna rozszczepiona +150° +210°
- 9CA9AA
Horizon Grey
- AEA2A7
≈ Crystal Noir
- AEA49E
≈ Hibernate
Tetrada +90° +180° +270°
- 9CA9AA
Horizon Grey
- A6A5AF
≈ Palace Walls
- AFA3A2
≈ Flexible Grey
- A6A79D
≈ Foggy Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.66:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.66:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--horizon-grey: #9ca9aa;
--horizon-grey-rgb: 156 169 170;
--horizon-grey-oklch: oklch(0.725 0.015 202.4);
}
.element {
color: var(--horizon-grey);
background-color: hsl(184 8% 64%);
border-color: oklch(0.725 0.015 202.4);
}Tailwind CSS v4
@theme {
--color-horizon-grey: #9ca9aa;
--color-horizon-grey-50: #f1f6f7;
--color-horizon-grey-100: #e3e9ea;
--color-horizon-grey-200: #cdd6d7;
--color-horizon-grey-300: #afbabb;
--color-horizon-grey-400: #95a1a2;
--color-horizon-grey-500: #7b898a;
--color-horizon-grey-600: #697475;
--color-horizon-grey-700: #545d5e;
--color-horizon-grey-800: #3d4444;
--color-horizon-grey-900: #2a2f2f;
--color-horizon-grey-950: #171b1c;
}SCSS
$horizon-grey: #9ca9aa;
$horizon-grey-rgb: 156, 169, 170;
$horizon-grey-light: mix(#fff, $horizon-grey, 20%);
$horizon-grey-dark: mix(#000, $horizon-grey, 20%);
.element {
color: $horizon-grey;
box-shadow: 0 0 0 2px rgba($horizon-grey, 0.35);
}