Named color · #94A2B1
Robotic Gods
Robotic Gods is #94A2B1: rgb(148 162 177), hsl(211 16% 64%), oklch(0.706 0.027 250.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Robotic Gods color name →
#94A2B1
oklch(0.706 0.027 250.1)
Color conversions
- HEX
- #94a2b1
- RGB
- rgb(148 162 177)
- HSL
- hsl(211 16% 64%)
- HWB
- hwb(211 58% 31%)
- OKLCH
- oklch(0.706 0.027 250.1)
- OKLab
- oklab(0.706 -0.009 -0.025)
- CIE Lab
- lab(65.87 -2.73 -9.57)
- LCH
- lch(65.87 9.95 254.1)
- CMYK
- cmyk(16% 8% 0% 31%)
Tints · Shades · Tones
Tints
- 9EABB9
- A9B4C0
- B3BDC8
- BEC6D0
- C8D0D7
- D3D9DF
- DEE2E7
- E9ECEF
- F4F5F7
Shades
- 808C99
- 6D7783
- 5A636C
- 484F57
- 363C42
- 262A2F
- 16191C
- 080A0C
- 010101
Tones
- 929FAC
- 909BA7
- 8E98A2
- 8C949D
- 8A9198
- 888D93
- 868A8E
- 84878A
- 828385
Color harmonies
Complementary +180°
- 94A2B1
Robotic Gods
- AC9E8E
≈ Taupe Tone
Analogous -30° +30°
- 94A2B1
Robotic Gods
- 8EA5AC
≈ Galleria Blue
- 9D9FB1
≈ Santas Grey
Triadic +120° +240°
- 94A2B1
Robotic Gods
- B09A9C
≈ Heirloom Orchid
- 9BA492
≈ Coronado Moss
Split-complementary +150° +210°
- 94A2B1
Robotic Gods
- B09B94
≈ Iris Mauve
- A4A18E
≈ Little Valley
Tetradic +90° +180° +270°
- 94A2B1
Robotic Gods
- AD9AA6
≈ Laylock
- AC9E8E
≈ Taupe Tone
- 92A69B
≈ Lotus Leaf
Contrast & accessibility
Ag
FailOn white
WCAG 2.60:1 · APCA Lc 51
Ag
AAAOn black
WCAG 8.06:1 · APCA Lc 51
Best text color: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--robotic-gods: #94a2b1;
--robotic-gods-rgb: 148 162 177;
--robotic-gods-oklch: oklch(0.706 0.027 250.1);
}
.element {
color: var(--robotic-gods);
background-color: hsl(211 16% 64%);
border-color: oklch(0.706 0.027 250.1);
}Tailwind CSS v4
@theme {
--color-robotic-gods: #94a2b1;
--color-robotic-gods-50: #f0f6fd;
--color-robotic-gods-100: #e2e9f1;
--color-robotic-gods-200: #ccd5e0;
--color-robotic-gods-300: #aeb9c5;
--color-robotic-gods-400: #93a0ae;
--color-robotic-gods-500: #798898;
--color-robotic-gods-600: #677380;
--color-robotic-gods-700: #525c67;
--color-robotic-gods-800: #3b434c;
--color-robotic-gods-900: #292f34;
--color-robotic-gods-950: #161b20;
}SCSS
$robotic-gods: #94a2b1;
$robotic-gods-rgb: 148, 162, 177;
$robotic-gods-light: mix(#fff, $robotic-gods, 20%);
$robotic-gods-dark: mix(#000, $robotic-gods, 20%);
.element {
color: $robotic-gods;
box-shadow: 0 0 0 2px rgba($robotic-gods, 0.35);
}