Benannte Farbe · #81919D
Steele Blue
Steele Blue ist #81919D: rgb(129 145 157), hsl(206 13% 56%), oklch(0.648 0.026 240.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Steele Blue color name →
#81919D
oklch(0.648 0.026 240.3)
Farbumrechnungen
- HEX
- #81919d
- RGB
- rgb(129 145 157)
- HSL
- hsl(206 13% 56%)
- HWB
- hwb(206 51% 38%)
- OKLCH
- oklch(0.648 0.026 240.3)
- OKLab
- oklab(0.648 -0.013 -0.022)
- CIE Lab
- lab(59.18 -3.97 -8.42)
- LCH
- lch(59.18 9.3 244.8)
- CMYK
- cmyk(18% 8% 0% 38%)
Tints · Shades · Tones
Tints
- 8D9BA6
- 99A6B0
- A5B1BA
- B2BCC3
- BEC7CD
- CBD2D7
- D8DDE1
- E5E8EB
- F2F4F5
Shades
- 6F7D88
- 5E6A73
- 4E585F
- 3E464C
- 2E353A
- 1F2528
- 121518
- 060709
- 010101
Tones
- 818F9A
- 818E97
- 818C94
- 818A91
- 81898E
- 81878C
- 808589
- 808386
- 808283
Farbharmonien
Komplementär +180°
- 81919D
Steele Blue
- 9B8B7F
≈ Light Mahogany
Analog -30° +30°
- 81919D
Steele Blue
- 7D9397
≈ Lexington Blue
- 888E9F
≈ Dusty Heather
Triadisch +120° +240°
- 81919D
Steele Blue
- 9D888E
≈ Majolica Mauve
- 8C9180
≈ Lavender Leaf Green
Geteilt komplementär +150° +210°
- 81919D
Steele Blue
- 9E8985
≈ Cocoa Berry
- 948E7D
≈ Olivine Grey
Tetradisch +90° +180° +270°
- 81919D
Steele Blue
- 988996
≈ Purple Mauve
- 9B8B7F
≈ Light Mahogany
- 849386
≈ Wethersfield Moss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.24:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.47:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--steele-blue: #81919d;
--steele-blue-rgb: 129 145 157;
--steele-blue-oklch: oklch(0.648 0.026 240.3);
}
.element {
color: var(--steele-blue);
background-color: hsl(206 13% 56%);
border-color: oklch(0.648 0.026 240.3);
}Tailwind CSS v4
@theme {
--color-steele-blue: #81919d;
--color-steele-blue-50: #eff6fc;
--color-steele-blue-100: #e1e9f0;
--color-steele-blue-200: #cbd6df;
--color-steele-blue-300: #acb9c4;
--color-steele-blue-400: #91a1ac;
--color-steele-blue-500: #778996;
--color-steele-blue-600: #65747f;
--color-steele-blue-700: #515d65;
--color-steele-blue-800: #3a444a;
--color-steele-blue-900: #282f34;
--color-steele-blue-950: #161b1f;
}SCSS
$steele-blue: #81919d;
$steele-blue-rgb: 129, 145, 157;
$steele-blue-light: mix(#fff, $steele-blue, 20%);
$steele-blue-dark: mix(#000, $steele-blue, 20%);
.element {
color: $steele-blue;
box-shadow: 0 0 0 2px rgba($steele-blue, 0.35);
}