Benannte Farbe · #87B8B5
Vintage Blue
Vintage Blue ist #87B8B5: rgb(135 184 181), hsl(176 26% 63%), oklch(0.747 0.052 191.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Vintage Blue color name →
#87B8B5
oklch(0.747 0.052 191.4)
Farbumrechnungen
- HEX
- #87b8b5
- RGB
- rgb(135 184 181)
- HSL
- hsl(176 26% 63%)
- HWB
- hwb(176 53% 28%)
- OKLCH
- oklch(0.747 0.052 191.4)
- OKLab
- oklab(0.747 -0.051 -0.01)
- CIE Lab
- lab(71.25 -17.27 -4)
- LCH
- lch(71.25 17.73 193)
- CMYK
- cmyk(27% 0% 2% 28%)
Tints · Shades · Tones
Tints
- 93BFBC
- 9FC6C3
- ABCDCB
- B7D4D2
- C3DBD9
- CFE2E1
- DBE9E8
- E7F1F0
- F3F8F7
Shades
- 75A09D
- 638886
- 51716F
- 415B59
- 314544
- 213130
- 131E1D
- 060C0C
- 010202
Tones
- 87B2B0
- 86ADAA
- 86A7A5
- 85A19F
- 859C9A
- 849695
- 839190
- 828B8A
- 818585
Farbharmonien
Komplementär +180°
- 87B8B5
Vintage Blue
- CCA0A5
≈ Primula
Analog -30° +30°
- 87B8B5
Vintage Blue
- 91B8A3
≈ Greyed Jade
- 89B5C5
≈ Crystal Lake
Triadisch +120° +240°
- 87B8B5
Vintage Blue
- B8A4C6
≈ Violet Fields
- C2A88A
≈ Cork Wedge
Geteilt komplementär +150° +210°
- 87B8B5
Vintage Blue
- C5A1B7
≈ Pretty Lady
- CBA394
≈ Sombrero Tan
Tetradisch +90° +180° +270°
- 87B8B5
Vintage Blue
- A7AACE
≈ Melody Purple
- CCA0A5
≈ Primula
- B4AF89
≈ Lively Ivy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.19:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.55:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--vintage-blue: #87b8b5;
--vintage-blue-rgb: 135 184 181;
--vintage-blue-oklch: oklch(0.747 0.052 191.4);
}
.element {
color: var(--vintage-blue);
background-color: hsl(176 26% 63%);
border-color: oklch(0.747 0.052 191.4);
}Tailwind CSS v4
@theme {
--color-vintage-blue: #87b8b5;
--color-vintage-blue-50: #e5faf9;
--color-vintage-blue-100: #d5eeed;
--color-vintage-blue-200: #bcdcda;
--color-vintage-blue-300: #99c0bf;
--color-vintage-blue-400: #7ba9a6;
--color-vintage-blue-500: #5c918f;
--color-vintage-blue-600: #4e7b79;
--color-vintage-blue-700: #3e6260;
--color-vintage-blue-800: #2d4846;
--color-vintage-blue-900: #1e3230;
--color-vintage-blue-950: #0e1e1d;
}SCSS
$vintage-blue: #87b8b5;
$vintage-blue-rgb: 135, 184, 181;
$vintage-blue-light: mix(#fff, $vintage-blue, 20%);
$vintage-blue-dark: mix(#000, $vintage-blue, 20%);
.element {
color: $vintage-blue;
box-shadow: 0 0 0 2px rgba($vintage-blue, 0.35);
}