Benannte Farbe · #416986
Team Spirit
Team Spirit ist #416986: rgb(65 105 134), hsl(205 35% 39%), oklch(0.503 0.065 241.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Team Spirit color name →
#416986
oklch(0.503 0.065 241.2)
Farbumrechnungen
- HEX
- #416986
- RGB
- rgb(65 105 134)
- HSL
- hsl(205 35% 39%)
- HWB
- hwb(205 25% 47%)
- OKLCH
- oklch(0.503 0.065 241.2)
- OKLab
- oklab(0.503 -0.031 -0.057)
- CIE Lab
- lab(42.38 -8.01 -20.78)
- LCH
- lch(42.38 22.27 248.9)
- CMYK
- cmyk(51% 22% 0% 47%)
Tints · Shades · Tones
Tints
- 537792
- 65859E
- 7894A9
- 8AA3B5
- 9DB2C2
- B0C1CE
- C3D0DA
- D7E0E6
- EBEFF3
Shades
- 375A74
- 2E4C62
- 253E51
- 1C3140
- 132430
- 0B1821
- 050C13
- 010406
- 000001
Tones
- 486B86
- 4F6E85
- 557085
- 5B7384
- 627584
- 687783
- 6E7982
- 747C82
- 7A7E81
Farbharmonien
Komplementär +180°
- 416986
Team Spirit
- 7F5C3D
≈ Japanese Iris
Analog -30° +30°
- 416986
Team Spirit
- 316E79
≈ Lakelike
- 57628A
≈ Karmic Grape
Triadisch +120° +240°
- 416986
Team Spirit
- 835462
≈ Renaissance Rose
- 5E6A3F
≈ Baby Vegetable
Geteilt komplementär +150° +210°
- 416986
Team Spirit
- 85564D
≈ Potter’s Rock
- 726337
≈ Morass
Tetradisch +90° +180° +270°
- 416986
Team Spirit
- 7A5775
≈ Opulent Ostrich
- 7F5C3D
≈ Japanese Iris
- 486F51
≈ Fairway
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 {
--team-spirit: #416986;
--team-spirit-rgb: 65 105 134;
--team-spirit-oklch: oklch(0.503 0.065 241.2);
}
.element {
color: var(--team-spirit);
background-color: hsl(205 35% 39%);
border-color: oklch(0.503 0.065 241.2);
}Tailwind CSS v4
@theme {
--color-team-spirit: #416986;
--color-team-spirit-50: #e6f8ff;
--color-team-spirit-100: #d6ebfc;
--color-team-spirit-200: #bdd8ee;
--color-team-spirit-300: #9cbcd6;
--color-team-spirit-400: #7ca4c2;
--color-team-spirit-500: #5e8cad;
--color-team-spirit-600: #507692;
--color-team-spirit-700: #405f75;
--color-team-spirit-800: #2d4657;
--color-team-spirit-900: #1e303c;
--color-team-spirit-950: #0e1c26;
}SCSS
$team-spirit: #416986;
$team-spirit-rgb: 65, 105, 134;
$team-spirit-light: mix(#fff, $team-spirit, 20%);
$team-spirit-dark: mix(#000, $team-spirit, 20%);
.element {
color: $team-spirit;
box-shadow: 0 0 0 2px rgba($team-spirit, 0.35);
}