Nazwany kolor · #98A0B8
Silver Star
Silver Star to #98A0B8: rgb(152 160 184), hsl(225 18% 66%), oklch(0.707 0.036 270.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Silver Star color name →
#98A0B8
oklch(0.707 0.036 270.9)
Konwersje koloru
- HEX
- #98a0b8
- RGB
- rgb(152 160 184)
- HSL
- hsl(225 18% 66%)
- HWB
- hwb(225 60% 28%)
- OKLCH
- oklch(0.707 0.036 270.9)
- OKLab
- oklab(0.707 0.001 -0.036)
- CIE Lab
- lab(65.82 0.87 -13.49)
- LCH
- lch(65.82 13.51 273.7)
- CMYK
- cmyk(17% 13% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2A9BF
- ACB2C6
- B6BCCD
- C0C5D4
- CACFDB
- D5D8E2
- DFE2E9
- EAEBF1
- F4F5F8
Odcienie ciemniejsze
- 848BA0
- 707688
- 5C6171
- 4A4E5B
- 383B45
- 272931
- 17191E
- 08090C
- 010102
Tony
- 969DB2
- 939AAD
- 9196A7
- 8E93A1
- 8C909C
- 8A8D96
- 878A91
- 85868B
- 828386
Harmonie kolorów
Komplementarna +180°
- 98A0B8
Silver Star
- A9A088
≈ Tent Green
Analogowa -30° +30°
- 98A0B8
Silver Star
- 8DA4B6
≈ Cats and Dogs
- A49CB4
≈ Logan
Triada +120° +240°
- 98A0B8
Silver Star
- B69993
≈ Iris Mauve
- 91A795
≈ Mantle
Komplementarna rozszczepiona +150° +210°
- 98A0B8
Silver Star
- B29C8A
≈ Rich Taupe
- 9DA48C
≈ Frozen Edamame
Tetrada +90° +180° +270°
- 98A0B8
Silver Star
- B5989F
≈ Deep South
- A9A088
≈ Tent Green
- 89A8A2
≈ Tropical Cascade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.60:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.05:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-star: #98a0b8;
--silver-star-rgb: 152 160 184;
--silver-star-oklch: oklch(0.707 0.036 270.9);
}
.element {
color: var(--silver-star);
background-color: hsl(225 18% 66%);
border-color: oklch(0.707 0.036 270.9);
}Tailwind CSS v4
@theme {
--color-silver-star: #98a0b8;
--color-silver-star-50: #f1f5ff;
--color-silver-star-100: #e4e7f4;
--color-silver-star-200: #cfd4e4;
--color-silver-star-300: #b1b7cb;
--color-silver-star-400: #969eb5;
--color-silver-star-500: #7d859f;
--color-silver-star-600: #6a7186;
--color-silver-star-700: #555a6c;
--color-silver-star-800: #3d424f;
--color-silver-star-900: #2a2e37;
--color-silver-star-950: #181a22;
}SCSS
$silver-star: #98a0b8;
$silver-star-rgb: 152, 160, 184;
$silver-star-light: mix(#fff, $silver-star, 20%);
$silver-star-dark: mix(#000, $silver-star, 20%);
.element {
color: $silver-star;
box-shadow: 0 0 0 2px rgba($silver-star, 0.35);
}