Named color · #A9B7B8
Blue Arrow
Blue Arrow is #A9B7B8: rgb(169 183 184), hsl(184 10% 69%), oklch(0.769 0.016 202). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Blue Arrow color name →
#A9B7B8
oklch(0.769 0.016 202)
Color conversions
- HEX
- #a9b7b8
- RGB
- rgb(169 183 184)
- HSL
- hsl(184 10% 69%)
- HWB
- hwb(184 66% 28%)
- OKLCH
- oklch(0.769 0.016 202)
- OKLab
- oklab(0.769 -0.014 -0.006)
- CIE Lab
- lab(73.34 -4.87 -2.26)
- LCH
- lch(73.34 5.37 204.9)
- CMYK
- cmyk(8% 1% 0% 28%)
Tints · Shades · Tones
Tints
- B1BEBF
- BAC5C6
- C2CCCD
- CBD3D4
- D3DADB
- DCE2E2
- E5E9E9
- EDF0F0
- F6F8F8
Shades
- 929FA0
- 7C8788
- 677071
- 535A5B
- 3F4545
- 2C3131
- 1B1E1E
- 0A0C0C
- 010202
Tones
- A5B1B2
- A1ACAD
- 9DA6A7
- 98A1A1
- 949B9C
- 909696
- 8C9090
- 888B8B
- 848585
Color harmonies
Complementary +180°
- A9B7B8
Blue Arrow
- BEB0AF
≈ Mouse Trap
Analogous -30° +30°
- A9B7B8
Blue Arrow
- AAB7B3
≈ Periglacial Blue
- AAB6BC
≈ Intercoastal Grey
Triadic +120° +240°
- A9B7B8
Blue Arrow
- B9B1BA
≈ Heather Hill
- B9B3A9
≈ Requisite Grey
Split-complementary +150° +210°
- A9B7B8
Blue Arrow
- BCB0B5
≈ Black Shadows
- BCB1AB
≈ City Street
Tetradic +90° +180° +270°
- A9B7B8
Blue Arrow
- B4B2BD
≈ Nebulous December
- BEB0AF
≈ Mouse Trap
- B4B5AA
≈ Arid Plains
Contrast & accessibility
Ag
FailOn white
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.15:1 · APCA Lc 62
Best text color: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--blue-arrow: #a9b7b8;
--blue-arrow-rgb: 169 183 184;
--blue-arrow-oklch: oklch(0.769 0.016 202);
}
.element {
color: var(--blue-arrow);
background-color: hsl(184 10% 69%);
border-color: oklch(0.769 0.016 202);
}Tailwind CSS v4
@theme {
--color-blue-arrow: #a9b7b8;
--color-blue-arrow-50: #f0f6f7;
--color-blue-arrow-100: #e2e9ea;
--color-blue-arrow-200: #cdd6d7;
--color-blue-arrow-300: #afbabb;
--color-blue-arrow-400: #94a1a2;
--color-blue-arrow-500: #7b898a;
--color-blue-arrow-600: #687475;
--color-blue-arrow-700: #535d5e;
--color-blue-arrow-800: #3c4444;
--color-blue-arrow-900: #292f2f;
--color-blue-arrow-950: #171c1c;
}SCSS
$blue-arrow: #a9b7b8;
$blue-arrow-rgb: 169, 183, 184;
$blue-arrow-light: mix(#fff, $blue-arrow, 20%);
$blue-arrow-dark: mix(#000, $blue-arrow, 20%);
.element {
color: $blue-arrow;
box-shadow: 0 0 0 2px rgba($blue-arrow, 0.35);
}