Benannte Farbe · #9EAFC2
Sterling Silver
Sterling Silver ist #9EAFC2: rgb(158 175 194), hsl(212 23% 69%), oklch(0.747 0.033 251.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sterling Silver color name →
#9EAFC2
oklch(0.747 0.033 251.2)
Farbumrechnungen
- HEX
- #9eafc2
- RGB
- rgb(158 175 194)
- HSL
- hsl(212 23% 69%)
- HWB
- hwb(212 62% 24%)
- OKLCH
- oklch(0.747 0.033 251.2)
- OKLab
- oklab(0.747 -0.011 -0.032)
- CIE Lab
- lab(70.6 -3.08 -11.84)
- LCH
- lch(70.6 12.23 255.4)
- CMYK
- cmyk(19% 10% 0% 24%)
Tints · Shades · Tones
Tints
- A7B7C8
- B1BFCE
- BAC6D4
- C4CEDA
- CED6E0
- D7DEE6
- E1E6ED
- EBEFF3
- F5F7F9
Shades
- 8998A8
- 74818F
- 606B77
- 4D5660
- 3A4149
- 292E34
- 181C20
- 090B0E
- 010102
Tones
- 9BAABB
- 98A5B4
- 95A1AE
- 929CA7
- 8F97A1
- 8C939A
- 898E93
- 86898D
- 838586
Farbharmonien
Komplementär +180°
- 9EAFC2
Sterling Silver
- BBAA97
≈ Fangtooth Fish
Analog -30° +30°
- 9EAFC2
Sterling Silver
- 97B2BC
≈ Ice Gull Grey Blue
- A9ABC2
≈ Cosmic Sky
Triadisch +120° +240°
- 9EAFC2
Sterling Silver
- C1A5A8
≈ Lychee Berry
- A6B29C
≈ Banksia
Geteilt komplementär +150° +210°
- 9EAFC2
Sterling Silver
- C0A79D
≈ Heavenly Cocoa
- B1AE96
≈ Reed Bed
Tetradisch +90° +180° +270°
- 9EAFC2
Sterling Silver
- BDA5B3
≈ Pansy Posy
- BBAA97
≈ Fangtooth Fish
- 9BB4A6
≈ Nile River
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.36:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--sterling-silver: #9eafc2;
--sterling-silver-rgb: 158 175 194;
--sterling-silver-oklch: oklch(0.747 0.033 251.2);
}
.element {
color: var(--sterling-silver);
background-color: hsl(212 23% 69%);
border-color: oklch(0.747 0.033 251.2);
}Tailwind CSS v4
@theme {
--color-sterling-silver: #9eafc2;
--color-sterling-silver-50: #eff6ff;
--color-sterling-silver-100: #e0e9f3;
--color-sterling-silver-200: #cbd5e3;
--color-sterling-silver-300: #acb9c9;
--color-sterling-silver-400: #90a0b2;
--color-sterling-silver-500: #76889c;
--color-sterling-silver-600: #647384;
--color-sterling-silver-700: #505c6a;
--color-sterling-silver-800: #3a444e;
--color-sterling-silver-900: #282f36;
--color-sterling-silver-950: #161b21;
}SCSS
$sterling-silver: #9eafc2;
$sterling-silver-rgb: 158, 175, 194;
$sterling-silver-light: mix(#fff, $sterling-silver, 20%);
$sterling-silver-dark: mix(#000, $sterling-silver, 20%);
.element {
color: $sterling-silver;
box-shadow: 0 0 0 2px rgba($sterling-silver, 0.35);
}