Benannte Farbe · #9DB9B2
Opal Silk
Opal Silk ist #9DB9B2: rgb(157 185 178), hsl(165 17% 67%), oklch(0.763 0.032 178.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Opal Silk color name →
#9DB9B2
oklch(0.763 0.032 178.6)
Farbumrechnungen
- HEX
- #9db9b2
- RGB
- rgb(157 185 178)
- HSL
- hsl(165 17% 67%)
- HWB
- hwb(165 62% 27%)
- OKLCH
- oklch(0.763 0.032 178.6)
- OKLab
- oklab(0.763 -0.032 0.001)
- CIE Lab
- lab(72.88 -10.96 0.2)
- LCH
- lch(72.88 10.96 179)
- CMYK
- cmyk(15% 0% 4% 27%)
Tints · Shades · Tones
Tints
- A7C0B9
- B0C7C1
- BACEC9
- C4D5D0
- CDDCD8
- D7E3E0
- E1EAE7
- EBF1EF
- F5F8F7
Shades
- 88A09A
- 738983
- 5F716D
- 4C5B57
- 3A4643
- 28312F
- 181E1D
- 090D0C
- 010201
Tones
- 9AB3AD
- 97ADA8
- 94A8A3
- 92A29E
- 8F9C99
- 8C9694
- 89918F
- 868B8A
- 838685
Farbharmonien
Komplementär +180°
- 9DB9B2
Opal Silk
- C4AAB1
≈ Pale Lychee
Analog -30° +30°
- 9DB9B2
Opal Silk
- A5B8A7
≈ Thrush Egg
- 9BB8BD
≈ Windswept Clouds
Triadisch +120° +240°
- 9DB9B2
Opal Silk
- B4AEC4
≈ Wisteria Trellis
- C2AD9E
≈ Fall Mood
Geteilt komplementär +150° +210°
- 9DB9B2
Opal Silk
- BEABBC
≈ Lavender Frost
- C6ABA6
≈ Rosy Tan
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.09:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.01:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--opal-silk: #9db9b2;
--opal-silk-rgb: 157 185 178;
--opal-silk-oklch: oklch(0.763 0.032 178.6);
}
.element {
color: var(--opal-silk);
background-color: hsl(165 17% 67%);
border-color: oklch(0.763 0.032 178.6);
}Tailwind CSS v4
@theme {
--color-opal-silk: #9db9b2;
--color-opal-silk-50: #ecf8f5;
--color-opal-silk-100: #ddece8;
--color-opal-silk-200: #c6d9d5;
--color-opal-silk-300: #a7bdb8;
--color-opal-silk-400: #8ba59e;
--color-opal-silk-500: #708d86;
--color-opal-silk-600: #5f7872;
--color-opal-silk-700: #4c605b;
--color-opal-silk-800: #374642;
--color-opal-silk-900: #25312e;
--color-opal-silk-950: #141d1a;
}SCSS
$opal-silk: #9db9b2;
$opal-silk-rgb: 157, 185, 178;
$opal-silk-light: mix(#fff, $opal-silk, 20%);
$opal-silk-dark: mix(#000, $opal-silk, 20%);
.element {
color: $opal-silk;
box-shadow: 0 0 0 2px rgba($opal-silk, 0.35);
}