Benannte Farbe · #52677B
Periscope
Periscope ist #52677B: rgb(82 103 123), hsl(209 20% 40%), oklch(0.504 0.041 247.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Periscope color name →
#52677B
oklch(0.504 0.041 247.4)
Farbumrechnungen
- HEX
- #52677b
- RGB
- rgb(82 103 123)
- HSL
- hsl(209 20% 40%)
- HWB
- hwb(209 32% 52%)
- OKLCH
- oklch(0.504 0.041 247.4)
- OKLab
- oklab(0.504 -0.016 -0.038)
- CIE Lab
- lab(42.46 -4.2 -13.94)
- LCH
- lch(42.46 14.56 253.2)
- CMYK
- cmyk(33% 16% 0% 52%)
Tints · Shades · Tones
Tints
- 627588
- 728394
- 8392A1
- 94A1AE
- A5B0BB
- B6BFC8
- C8CFD6
- DADFE3
- ECEFF1
Shades
- 46596A
- 3B4B5A
- 2F3D4A
- 25303A
- 1A232C
- 11171E
- 080C10
- 020405
- 000001
Tones
- 576A7C
- 5B6C7C
- 606F7D
- 64717D
- 69747E
- 6E767E
- 72797F
- 777B7F
- 7B7E80
Farbharmonien
Komplementär +180°
- 52677B
Periscope
- 75604C
≈ Woodward Park
Analog -30° +30°
- 52677B
Periscope
- 4A6B74
≈ Planet Green
- 5E637C
≈ Presumption
Triadisch +120° +240°
- 52677B
Periscope
- 7A5B60
≈ Reading Tea Leaves
- 5E6950
≈ Rosemary Sprig
Geteilt komplementär +150° +210°
- 52677B
Periscope
- 7A5D54
≈ Wild West
- 6B654A
≈ Warren Tavern
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.85:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.58:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--periscope: #52677b;
--periscope-rgb: 82 103 123;
--periscope-oklch: oklch(0.504 0.041 247.4);
}
.element {
color: var(--periscope);
background-color: hsl(209 20% 40%);
border-color: oklch(0.504 0.041 247.4);
}Tailwind CSS v4
@theme {
--color-periscope: #52677b;
--color-periscope-50: #edf6ff;
--color-periscope-100: #dee9f5;
--color-periscope-200: #c7d6e5;
--color-periscope-300: #a8bacc;
--color-periscope-400: #8ca1b6;
--color-periscope-500: #7189a0;
--color-periscope-600: #607487;
--color-periscope-700: #4c5d6d;
--color-periscope-800: #374450;
--color-periscope-900: #252f38;
--color-periscope-950: #141c22;
}SCSS
$periscope: #52677b;
$periscope-rgb: 82, 103, 123;
$periscope-light: mix(#fff, $periscope, 20%);
$periscope-dark: mix(#000, $periscope, 20%);
.element {
color: $periscope;
box-shadow: 0 0 0 2px rgba($periscope, 0.35);
}