Benannte Farbe · #325482
St. Tropez
St. Tropez ist #325482: rgb(50 84 130), hsl(215 44% 35%), oklch(0.442 0.086 256.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · St. Tropez color name →
#325482
oklch(0.442 0.086 256.4)
Farbumrechnungen
- HEX
- #325482
- RGB
- rgb(50 84 130)
- HSL
- hsl(215 44% 35%)
- HWB
- hwb(215 20% 49%)
- OKLCH
- oklch(0.442 0.086 256.4)
- OKLab
- oklab(0.442 -0.02 -0.084)
- CIE Lab
- lab(34.84 -1.07 -30.11)
- LCH
- lch(34.84 30.13 268)
- CMYK
- cmyk(62% 35% 0% 49%)
Tints · Shades · Tones
Tints
- 45648E
- 58749B
- 6C85A7
- 8096B4
- 94A7C0
- A9B8CD
- BEC9D9
- D3DBE6
- E9EDF2
Shades
- 2A4870
- 223C5F
- 1B314E
- 14263E
- 0D1B2F
- 071120
- 030812
- 010206
- 000001
Tones
- 3A5982
- 425D82
- 4A6282
- 526682
- 596B82
- 616F82
- 697382
- 707881
- 787C81
Farbharmonien
Komplementär +180°
- 325482
St. Tropez
- 6E4C0E
≈ Antique Bronze
Analog -30° +30°
- 325482
St. Tropez
- 005C77
≈ Prismatic Springs
- 504B80
≈ Spirit Dance
Triadisch +120° +240°
- 325482
St. Tropez
- 7C3E42
≈ January Garnet
- 3C5E2C
≈ Deep Into the Wood
Geteilt komplementär +150° +210°
- 325482
St. Tropez
- 794327
≈ Bull Shot
- 595611
≈ Douro
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.70:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.72:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--st-tropez: #325482;
--st-tropez-rgb: 50 84 130;
--st-tropez-oklch: oklch(0.442 0.086 256.4);
}
.element {
color: var(--st-tropez);
background-color: hsl(215 44% 35%);
border-color: oklch(0.442 0.086 256.4);
}Tailwind CSS v4
@theme {
--color-st-tropez: #325482;
--color-st-tropez-50: #e6f6ff;
--color-st-tropez-100: #d7e9ff;
--color-st-tropez-200: #bed6fa;
--color-st-tropez-300: #9db9e4;
--color-st-tropez-400: #7da1d1;
--color-st-tropez-500: #6088bf;
--color-st-tropez-600: #5273a1;
--color-st-tropez-700: #415c81;
--color-st-tropez-800: #2d4460;
--color-st-tropez-900: #1e2f43;
--color-st-tropez-950: #0e1b2b;
}SCSS
$st-tropez: #325482;
$st-tropez-rgb: 50, 84, 130;
$st-tropez-light: mix(#fff, $st-tropez, 20%);
$st-tropez-dark: mix(#000, $st-tropez, 20%);
.element {
color: $st-tropez;
box-shadow: 0 0 0 2px rgba($st-tropez, 0.35);
}