Nazwany kolor · #9DB9B2
Opal Silk
Opal Silk to #9DB9B2: rgb(157 185 178), hsl(165 17% 67%), oklch(0.763 0.032 178.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Opal Silk color name →
#9DB9B2
oklch(0.763 0.032 178.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7C0B9
- B0C7C1
- BACEC9
- C4D5D0
- CDDCD8
- D7E3E0
- E1EAE7
- EBF1EF
- F5F8F7
Odcienie ciemniejsze
- 88A09A
- 738983
- 5F716D
- 4C5B57
- 3A4643
- 28312F
- 181E1D
- 090D0C
- 010201
Tony
- 9AB3AD
- 97ADA8
- 94A8A3
- 92A29E
- 8F9C99
- 8C9694
- 89918F
- 868B8A
- 838685
Harmonie kolorów
Komplementarna +180°
- 9DB9B2
Opal Silk
- C4AAB1
≈ Pale Lychee
Analogowa -30° +30°
- 9DB9B2
Opal Silk
- A5B8A7
≈ Thrush Egg
- 9BB8BD
≈ Windswept Clouds
Triada +120° +240°
- 9DB9B2
Opal Silk
- B4AEC4
≈ Wisteria Trellis
- C2AD9E
≈ Fall Mood
Komplementarna rozszczepiona +150° +210°
- 9DB9B2
Opal Silk
- BEABBC
≈ Lavender Frost
- C6ABA6
≈ Rosy Tan
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.01:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
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);
}