Benannte Farbe · #2266BB
Blue Streak
Blue Streak ist #2266BB: rgb(34 102 187), hsl(213 69% 43%), oklch(0.515 0.15 256.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Streak color name →
#2266BB
oklch(0.515 0.15 256.2)
Farbumrechnungen
- HEX
- #2266bb
- RGB
- rgb(34 102 187)
- HSL
- hsl(213 69% 43%)
- HWB
- hwb(213 13% 27%)
- OKLCH
- oklch(0.515 0.15 256.2)
- OKLab
- oklab(0.515 -0.036 -0.145)
- CIE Lab
- lab(42.6 3.29 -51.77)
- LCH
- lch(42.6 51.87 273.6)
- CMYK
- cmyk(82% 45% 0% 27%)
Tints · Shades · Tones
Tints
- 3B76C3
- 5185CA
- 6794D2
- 7CA4D9
- 91B3E0
- A7C2E7
- BDD1ED
- D2E0F3
- E9F0F9
Shades
- 1C58A2
- 164A8A
- 113C73
- 0B2F5C
- 072346
- 031732
- 010C1F
- 00040D
- 000002
Tones
- 2F6AB6
- 3A6DB0
- 4470AB
- 4D73A5
- 56759F
- 5F7899
- 687A93
- 707C8D
- 787E87
Farbharmonien
Komplementär +180°
- 2266BB
Blue Streak
- 8A5D00
≈ Rat Brown
Analog -30° +30°
- 2266BB
Blue Streak
- 007293
≈ Blue Fjord
- 6355B8
≈ Circumorbital Ring
Triadisch +120° +240°
- 2266BB
Blue Streak
- AC3949
≈ Roses Are Red
- 3A7909
≈ Odd Pea Pod
Geteilt komplementär +150° +210°
- 2266BB
Blue Streak
- A74600
≈ Pepperoni
- 706B00
≈ Worn Olive
Tetradisch +90° +180° +270°
- 2266BB
Blue Streak
- A13C79
≈ Maximum Red Purple
- 8A5D00
≈ Rat Brown
- 007A59
≈ Ivy League
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.69:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.68:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.69:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--blue-streak: #2266bb;
--blue-streak-rgb: 34 102 187;
--blue-streak-oklch: oklch(0.515 0.15 256.2);
}
.element {
color: var(--blue-streak);
background-color: hsl(213 69% 43%);
border-color: oklch(0.515 0.15 256.2);
}Tailwind CSS v4
@theme {
--color-blue-streak: #2266bb;
--color-blue-streak-50: #dbf7ff;
--color-blue-streak-100: #caeaff;
--color-blue-streak-200: #add6ff;
--color-blue-streak-300: #87b9ff;
--color-blue-streak-400: #60a0f5;
--color-blue-streak-500: #3a85e7;
--color-blue-streak-600: #3271c3;
--color-blue-streak-700: #285b9c;
--color-blue-streak-800: #174375;
--color-blue-streak-900: #0f2e52;
--color-blue-streak-950: #031a37;
}SCSS
$blue-streak: #2266bb;
$blue-streak-rgb: 34, 102, 187;
$blue-streak-light: mix(#fff, $blue-streak, 20%);
$blue-streak-dark: mix(#000, $blue-streak, 20%);
.element {
color: $blue-streak;
box-shadow: 0 0 0 2px rgba($blue-streak, 0.35);
}