Couleur nommée la plus proche · #94A3B8
#94A3B8
Couleur nommée la plus proche: Robotic Gods
#94A3B8 (rgb(148 163 184), hsl(215 20% 65%), oklch(0.711 0.035 256.8)) est la plus proche de la couleur nommée Robotic Gods. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#94A3B8
oklch(0.711 0.035 256.8)
Conversions de couleur
- HEX
- #94a3b8
- RGB
- rgb(148 163 184)
- HSL
- hsl(215 20% 65%)
- HWB
- hwb(215 58% 28%)
- OKLCH
- oklch(0.711 0.035 256.8)
- OKLab
- oklab(0.711 -0.008 -0.034)
- CIE Lab
- lab(66.33 -2.06 -12.77)
- LCH
- lch(66.33 12.93 260.8)
- CMYK
- cmyk(20% 11% 0% 28%)
Teintes · Ombres · Tons
Teintes
- 9EACBF
- A9B5C6
- B3BECD
- BEC7D4
- C8D0DB
- D3D9E2
- DEE3E9
- E9ECF1
- F4F6F8
Ombres
- 808DA0
- 6D7888
- 5A6371
- 484F5B
- 363C45
- 262A31
- 16191E
- 080A0C
- 010102
Tons
- 929FB2
- 909CAD
- 8E98A7
- 8C95A1
- 8A919C
- 888E96
- 868A91
- 84878B
- 828385
Harmonies de couleurs
Complémentaire +180°
- 94A3B8
Robotic Gods
- AE9F8A
≈ Riverbank
Analogue -30° +30°
- 94A3B8
Robotic Gods
- 8BA7B3
≈ Blue Skylights
- A09FB7
≈ Royal Mile
Triadique +120° +240°
- 94A3B8
Robotic Gods
- B7999A
≈ Twilight Blush
- 98A792
≈ Green Amazons
Complémentaire divisée +150° +210°
- 94A3B8
Robotic Gods
- B59C8F
≈ Postmodern Mauve
- A4A48B
≈ Solid Snake
Tétradique +90° +180° +270°
- 94A3B8
Robotic Gods
- B399A6
≈ On the Nile
- AE9F8A
≈ Riverbank
- 8EA99D
≈ Green Meets Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.56:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.19:1 · APCA Lc 52
Meilleure couleur de texte: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
Extraits de code
CSS
:root {
--robotic-gods: #94a3b8;
--robotic-gods-rgb: 148 163 184;
--robotic-gods-oklch: oklch(0.711 0.035 256.8);
}
.element {
color: var(--robotic-gods);
background-color: hsl(215 20% 65%);
border-color: oklch(0.711 0.035 256.8);
}Tailwind CSS v4
@theme {
--color-robotic-gods: #94a3b8;
--color-robotic-gods-50: #eff6ff;
--color-robotic-gods-100: #e1e8f4;
--color-robotic-gods-200: #cbd5e4;
--color-robotic-gods-300: #adb8ca;
--color-robotic-gods-400: #91a0b4;
--color-robotic-gods-500: #78879e;
--color-robotic-gods-600: #657385;
--color-robotic-gods-700: #515c6b;
--color-robotic-gods-800: #3a434f;
--color-robotic-gods-900: #282e37;
--color-robotic-gods-950: #161b22;
}SCSS
$robotic-gods: #94a3b8;
$robotic-gods-rgb: 148, 163, 184;
$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);
}