Benannte Farbe · #5885A2
Blue Team Spirit
Blue Team Spirit ist #5885A2: rgb(88 133 162), hsl(204 30% 49%), oklch(0.596 0.066 237.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Team Spirit color name →
#5885A2
oklch(0.596 0.066 237.7)
Farbumrechnungen
- HEX
- #5885a2
- RGB
- rgb(88 133 162)
- HSL
- hsl(204 30% 49%)
- HWB
- hwb(204 35% 36%)
- OKLCH
- oklch(0.596 0.066 237.7)
- OKLab
- oklab(0.596 -0.035 -0.056)
- CIE Lab
- lab(53.14 -9.86 -20.65)
- LCH
- lch(53.14 22.88 244.5)
- CMYK
- cmyk(46% 18% 0% 36%)
Tints · Shades · Tones
Tints
- 6891AB
- 799DB4
- 89A9BE
- 99B5C7
- AAC1D0
- BBCDD9
- CBD9E3
- DDE6EC
- EEF2F6
Shades
- 4B738C
- 3F6177
- 335063
- 28404F
- 1D303C
- 12212A
- 091319
- 03060A
- 000101
Tones
- 5D859F
- 61849B
- 658498
- 6A8395
- 6E8391
- 71828E
- 75828A
- 798187
- 7C8184
Farbharmonien
Komplementär +180°
- 5885A2
Blue Team Spirit
- 9D7557
≈ Ranch Brown
Analog -30° +30°
- 5885A2
Blue Team Spirit
- 4B8A93
≈ Flounce
- 6E7EA7
≈ Night Thistle
Triadisch +120° +240°
- 5885A2
Blue Team Spirit
- A06E7F
≈ Black Elder
- 7B8557
≈ Oregano
Geteilt komplementär +150° +210°
- 5885A2
Blue Team Spirit
- A37069
≈ Warm Wassail
- 907D50
≈ Fennel Seed
Tetradisch +90° +180° +270°
- 5885A2
Blue Team Spirit
- 957193
≈ Felicia
- 9D7557
≈ Ranch Brown
- 648A68
≈ Slate Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.96:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.29:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--blue-team-spirit: #5885a2;
--blue-team-spirit-rgb: 88 133 162;
--blue-team-spirit-oklch: oklch(0.596 0.066 237.7);
}
.element {
color: var(--blue-team-spirit);
background-color: hsl(204 30% 49%);
border-color: oklch(0.596 0.066 237.7);
}Tailwind CSS v4
@theme {
--color-blue-team-spirit: #5885a2;
--color-blue-team-spirit-50: #e5f8ff;
--color-blue-team-spirit-100: #d5ecfc;
--color-blue-team-spirit-200: #bbd9ee;
--color-blue-team-spirit-300: #99bdd6;
--color-blue-team-spirit-400: #79a5c1;
--color-blue-team-spirit-500: #5a8dad;
--color-blue-team-spirit-600: #4d7792;
--color-blue-team-spirit-700: #3d5f75;
--color-blue-team-spirit-800: #2b4656;
--color-blue-team-spirit-900: #1d313c;
--color-blue-team-spirit-950: #0d1d26;
}SCSS
$blue-team-spirit: #5885a2;
$blue-team-spirit-rgb: 88, 133, 162;
$blue-team-spirit-light: mix(#fff, $blue-team-spirit, 20%);
$blue-team-spirit-dark: mix(#000, $blue-team-spirit, 20%);
.element {
color: $blue-team-spirit;
box-shadow: 0 0 0 2px rgba($blue-team-spirit, 0.35);
}