En yakın adlandırılmış renk · #94A3B8
#94A3B8
En yakın adlandırılmış renk: Robotic Gods
#94A3B8 (rgb(148 163 184), hsl(215 20% 65%), oklch(0.711 0.035 256.8)) en çok Robotic Gods adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#94A3B8
oklch(0.711 0.035 256.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9EACBF
- A9B5C6
- B3BECD
- BEC7D4
- C8D0DB
- D3D9E2
- DEE3E9
- E9ECF1
- F4F6F8
Koyu tonlar
- 808DA0
- 6D7888
- 5A6371
- 484F5B
- 363C45
- 262A31
- 16191E
- 080A0C
- 010102
Gri tonlar
- 929FB2
- 909CAD
- 8E98A7
- 8C95A1
- 8A919C
- 888E96
- 868A91
- 84878B
- 828385
Renk uyumları
Tamamlayıcı +180°
- 94A3B8
Robotic Gods
- AE9F8A
≈ Riverbank
Analog -30° +30°
- 94A3B8
Robotic Gods
- 8BA7B3
≈ Blue Skylights
- A09FB7
≈ Royal Mile
Üçlü +120° +240°
- 94A3B8
Robotic Gods
- B7999A
≈ Twilight Blush
- 98A792
≈ Green Amazons
Bölünmüş tamamlayıcı +150° +210°
- 94A3B8
Robotic Gods
- B59C8F
≈ Postmodern Mauve
- A4A48B
≈ Solid Snake
Dörtlü +90° +180° +270°
- 94A3B8
Robotic Gods
- B399A6
≈ On the Nile
- AE9F8A
≈ Riverbank
- 8EA99D
≈ Green Meets Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.19:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}