Benannte Farbe · #4D516C
Intergalactic
Intergalactic ist #4D516C: rgb(77 81 108), hsl(232 17% 36%), oklch(0.442 0.045 277.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Intergalactic color name →
#4D516C
oklch(0.442 0.045 277.9)
Farbumrechnungen
- HEX
- #4d516c
- RGB
- rgb(77 81 108)
- HSL
- hsl(232 17% 36%)
- HWB
- hwb(232 30% 58%)
- OKLCH
- oklch(0.442 0.045 277.9)
- OKLab
- oklab(0.442 0.006 -0.044)
- CIE Lab
- lab(34.92 3.48 -16.23)
- LCH
- lch(34.92 16.6 282.1)
- CMYK
- cmyk(29% 25% 0% 58%)
Tints · Shades · Tones
Tints
- 5D617A
- 6D7188
- 7E8296
- 9093A5
- A1A4B3
- B3B6C2
- C6C7D1
- D9DAE0
- ECECF0
Shades
- 42455D
- 373A4E
- 2C2F40
- 222432
- 181A25
- 0F1019
- 07070D
- 020204
- 000000
Tones
- 52566E
- 575A70
- 5C5F72
- 616474
- 666876
- 6B6D78
- 70727A
- 75767C
- 7B7B7E
Farbharmonien
Komplementär +180°
- 4D516C
Intergalactic
- 5A5437
≈ Batu Cave
Analog -30° +30°
- 4D516C
Intergalactic
- 3F566B
≈ Atlantic Tide
- 5A4D67
≈ Blackcurrant Elixir
Triadisch +120° +240°
- 4D516C
Intergalactic
- 694B41
≈ Spanish Mustang
- 3E5B4A
≈ Royal Hunter Green
Geteilt komplementär +150° +210°
- 4D516C
Intergalactic
- 644F38
≈ Longboat
- 4C583D
≈ Heavy Green
Tetradisch +90° +180° +270°
- 4D516C
Intergalactic
- 69494E
≈ Chocolate Eclair
- 5A5437
≈ Batu Cave
- 355B58
≈ Crystal Ball
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.75:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.70:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.75:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--intergalactic: #4d516c;
--intergalactic-rgb: 77 81 108;
--intergalactic-oklch: oklch(0.442 0.045 277.9);
}
.element {
color: var(--intergalactic);
background-color: hsl(232 17% 36%);
border-color: oklch(0.442 0.045 277.9);
}Tailwind CSS v4
@theme {
--color-intergalactic: #4d516c;
--color-intergalactic-50: #f2f4ff;
--color-intergalactic-100: #e4e7f7;
--color-intergalactic-200: #d0d3e8;
--color-intergalactic-300: #b2b5cf;
--color-intergalactic-400: #989cb9;
--color-intergalactic-500: #7f84a4;
--color-intergalactic-600: #6b708b;
--color-intergalactic-700: #56596f;
--color-intergalactic-800: #3e4152;
--color-intergalactic-900: #2b2d39;
--color-intergalactic-950: #181a24;
}SCSS
$intergalactic: #4d516c;
$intergalactic-rgb: 77, 81, 108;
$intergalactic-light: mix(#fff, $intergalactic, 20%);
$intergalactic-dark: mix(#000, $intergalactic, 20%);
.element {
color: $intergalactic;
box-shadow: 0 0 0 2px rgba($intergalactic, 0.35);
}