Benannte Farbe · #005B87
Impulse
Impulse ist #005B87: rgb(0 91 135), hsl(200 100% 26%), oklch(0.449 0.102 239.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Impulse color name →
#005B87
oklch(0.449 0.102 239.5)
Farbumrechnungen
- HEX
- #005b87
- RGB
- rgb(0 91 135)
- HSL
- hsl(200 100% 26%)
- HWB
- hwb(200 0% 47%)
- OKLCH
- oklch(0.449 0.102 239.5)
- OKLab
- oklab(0.449 -0.052 -0.088)
- CIE Lab
- lab(35.92 -10.42 -31.58)
- LCH
- lch(35.92 33.25 251.7)
- CMYK
- cmyk(100% 33% 0% 47%)
Tints · Shades · Tones
Tints
- 296B93
- 437B9F
- 5B8BAB
- 729BB7
- 89ABC3
- A0BBCF
- B8CCDB
- CFDDE7
- E7EEF3
Shades
- 004E75
- 004163
- 003551
- 002941
- 001E31
- 001321
- 000913
- 000306
- 000001
Tones
- 1C5F87
- 2B6386
- 386786
- 446B85
- 4F6F85
- 597284
- 637683
- 6D7982
- 767D81
Farbharmonien
Komplementär +180°
- 005B87
Impulse
- 7D4508
≈ Ancient Planks
Analog -30° +30°
- 005B87
Impulse
- 00606C
≈ Petrol
- 3E518D
≈ Demon Blue
Triadisch +120° +240°
- 005B87
Impulse
- 813A53
≈ Camelot
- 4F5C08
≈ Kyuri Green
Geteilt komplementär +150° +210°
- 005B87
Impulse
- 843C32
≈ Boxcar
- 695200
≈ Ayahuasca Vine
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.37:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.84:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--impulse: #005b87;
--impulse-rgb: 0 91 135;
--impulse-oklch: oklch(0.449 0.102 239.5);
}
.element {
color: var(--impulse);
background-color: hsl(200 100% 26%);
border-color: oklch(0.449 0.102 239.5);
}Tailwind CSS v4
@theme {
--color-impulse: #005b87;
--color-impulse-50: #dcfaff;
--color-impulse-100: #cbedff;
--color-impulse-200: #aedbfc;
--color-impulse-300: #88bee7;
--color-impulse-400: #62a7d4;
--color-impulse-500: #3b8ec2;
--color-impulse-600: #3379a4;
--color-impulse-700: #296184;
--color-impulse-800: #1a4761;
--color-impulse-900: #113144;
--color-impulse-950: #031d2c;
}SCSS
$impulse: #005b87;
$impulse-rgb: 0, 91, 135;
$impulse-light: mix(#fff, $impulse, 20%);
$impulse-dark: mix(#000, $impulse, 20%);
.element {
color: $impulse;
box-shadow: 0 0 0 2px rgba($impulse, 0.35);
}