Nächste benannte Farbe · #2A2F80
#2A2F80
Nächste benannte Farbe: Intergalactic Highway
#2A2F80 (rgb(42 47 128), hsl(237 51% 33%), oklch(0.355 0.134 274.5)) liegt am nächsten an der benannten Farbe Intergalactic Highway. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#2A2F80
oklch(0.355 0.134 274.5)
Farbumrechnungen
- HEX
- #2a2f80
- RGB
- rgb(42 47 128)
- HSL
- hsl(237 51% 33%)
- HWB
- hwb(237 16% 50%)
- OKLCH
- oklch(0.355 0.134 274.5)
- OKLab
- oklab(0.355 0.011 -0.134)
- CIE Lab
- lab(23.21 19.81 -47.49)
- LCH
- lch(23.21 51.46 292.6)
- CMYK
- cmyk(67% 63% 0% 50%)
Tints · Shades · Tones
Tints
- 3B448D
- 4D589B
- 616CA8
- 7580B5
- 8B95C1
- A1A9CE
- B7BEDA
- CFD4E7
- E7E9F3
Shades
- 23276E
- 1C205D
- 16194D
- 10123D
- 0A0C2E
- 05061F
- 020312
- 010106
- 000001
Tones
- 313981
- 384182
- 404A82
- 495283
- 515A83
- 5A6283
- 636983
- 6D7182
- 767881
Farbharmonien
Komplementär +180°
- 2A2F80
Intergalactic Highway
- 483B00
≈ Xanthophobia
Analog -30° +30°
- 2A2F80
Intergalactic Highway
- 003F66
≈ Dark Imperial Blue
- 4C2173
≈ Mystic Nights
Triadisch +120° +240°
- 2A2F80
Intergalactic Highway
- 6F1600
≈ Cedar Wood Finish
- 004926
≈ Pine Green
Geteilt komplementär +150° +210°
- 2A2F80
Intergalactic Highway
- 583100
≈ Eyelash Camel
- 324300
≈ Garden Shadow
Tetradisch +90° +180° +270°
- 2A2F80
Intergalactic Highway
- 6F0933
≈ Her Fierceness
- 483B00
≈ Xanthophobia
- 004640
≈ Dark Side
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.55:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.81:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--intergalactic-highway: #2a2f80;
--intergalactic-highway-rgb: 42 47 128;
--intergalactic-highway-oklch: oklch(0.355 0.134 274.5);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(237 51% 33%);
border-color: oklch(0.355 0.134 274.5);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #2a2f80;
--color-intergalactic-highway-50: #eaf3ff;
--color-intergalactic-highway-100: #dbe5ff;
--color-intergalactic-highway-200: #c5d0ff;
--color-intergalactic-highway-300: #a5b1fc;
--color-intergalactic-highway-400: #8797ed;
--color-intergalactic-highway-500: #6d7cde;
--color-intergalactic-highway-600: #5c69bb;
--color-intergalactic-highway-700: #495496;
--color-intergalactic-highway-800: #333e70;
--color-intergalactic-highway-900: #232b4f;
--color-intergalactic-highway-950: #121835;
}SCSS
$intergalactic-highway: #2a2f80;
$intergalactic-highway-rgb: 42, 47, 128;
$intergalactic-highway-light: mix(#fff, $intergalactic-highway, 20%);
$intergalactic-highway-dark: mix(#000, $intergalactic-highway, 20%);
.element {
color: $intergalactic-highway;
box-shadow: 0 0 0 2px rgba($intergalactic-highway, 0.35);
}