Benannte Farbe · #87A1B1
Silver Skate
Silver Skate ist #87A1B1: rgb(135 161 177), hsl(203 21% 61%), oklch(0.695 0.037 235.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Silver Skate color name →
#87A1B1
oklch(0.695 0.037 235.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 93AAB9
- 9EB3C0
- AABCC8
- B6C6D0
- C2CFD8
- CED9DF
- DAE2E7
- E6ECEF
- F3F5F7
Shades
- 758B99
- 637683
- 51626C
- 414E57
- 313C42
- 212A2F
- 13191C
- 06090C
- 010101
Tones
- 869EAC
- 869AA7
- 8597A2
- 85949D
- 849098
- 838D93
- 828A8F
- 82878A
- 818385
Farbharmonien
Komplementär +180°
- 87A1B1
Silver Skate
- B09787
≈ Quicksand
Analog -30° +30°
- 87A1B1
Silver Skate
- 82A4A8
≈ Ziggurat
- 919DB5
≈ Periwinkle Dusk
Triadisch +120° +240°
- 87A1B1
Silver Skate
- B1949E
≈ Legendary Lilac
- 9BA086
≈ Zebra Grass
Geteilt komplementär +150° +210°
- 87A1B1
Silver Skate
- B39491
≈ Thatch
- A79B83
≈ Windmill Park
Tetradisch +90° +180° +270°
- 87A1B1
Silver Skate
- A995AA
≈ Garden Flower
- B09787
≈ Quicksand
- 8FA38F
≈ Envy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.70:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.76:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.76:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
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);
}