Colore con nome · #87A1B1
Silver Skate
Silver Skate è #87A1B1: rgb(135 161 177), hsl(203 21% 61%), oklch(0.695 0.037 235.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Silver Skate color name →
#87A1B1
oklch(0.695 0.037 235.1)
Conversioni di colore
- HEX
- #87a1b1
- RGB
- rgb(135 161 177)
- HSL
- hsl(203 21% 61%)
- HWB
- hwb(203 53% 31%)
- OKLCH
- oklch(0.695 0.037 235.1)
- OKLab
- oklab(0.695 -0.021 -0.031)
- CIE Lab
- lab(64.65 -6.65 -11.5)
- LCH
- lch(64.65 13.28 240)
- CMYK
- cmyk(24% 9% 0% 31%)
Tinte · Ombre · Toni
Tinte
- 93AAB9
- 9EB3C0
- AABCC8
- B6C6D0
- C2CFD8
- CED9DF
- DAE2E7
- E6ECEF
- F3F5F7
Ombre
- 758B99
- 637683
- 51626C
- 414E57
- 313C42
- 212A2F
- 13191C
- 06090C
- 010101
Toni
- 869EAC
- 869AA7
- 8597A2
- 85949D
- 849098
- 838D93
- 828A8F
- 82878A
- 818385
Armonie di colore
Complementare +180°
- 87A1B1
Silver Skate
- B09787
≈ Quicksand
Analogo -30° +30°
- 87A1B1
Silver Skate
- 82A4A8
≈ Ziggurat
- 919DB5
≈ Periwinkle Dusk
Triadico +120° +240°
- 87A1B1
Silver Skate
- B1949E
≈ Legendary Lilac
- 9BA086
≈ Zebra Grass
Complementare divisa +150° +210°
- 87A1B1
Silver Skate
- B39491
≈ Thatch
- A79B83
≈ Windmill Park
Tetradico +90° +180° +270°
- 87A1B1
Silver Skate
- A995AA
≈ Garden Flower
- B09787
≈ Quicksand
- 8FA38F
≈ Envy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.70:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.76:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.76:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--silver-skate: #87a1b1;
--silver-skate-rgb: 135 161 177;
--silver-skate-oklch: oklch(0.695 0.037 235.1);
}
.element {
color: var(--silver-skate);
background-color: hsl(203 21% 61%);
border-color: oklch(0.695 0.037 235.1);
}Tailwind CSS v4
@theme {
--color-silver-skate: #87a1b1;
--color-silver-skate-50: #ecf7ff;
--color-silver-skate-100: #ddeaf3;
--color-silver-skate-200: #c6d7e3;
--color-silver-skate-300: #a6bbc8;
--color-silver-skate-400: #8aa2b2;
--color-silver-skate-500: #6f8b9c;
--color-silver-skate-600: #5e7584;
--color-silver-skate-700: #4b5e69;
--color-silver-skate-800: #36454d;
--color-silver-skate-900: #253036;
--color-silver-skate-950: #131c21;
}SCSS
$silver-skate: #87a1b1;
$silver-skate-rgb: 135, 161, 177;
$silver-skate-light: mix(#fff, $silver-skate, 20%);
$silver-skate-dark: mix(#000, $silver-skate, 20%);
.element {
color: $silver-skate;
box-shadow: 0 0 0 2px rgba($silver-skate, 0.35);
}