Created at 05/28/2025 00:10
#2563eb HEX Color information
| Color | HEX | RGB |
| #2563eb | RGB(37, 99, 235) |
RGB values are RGB(37, 99, 235)
#2563eb color contain Red 14.51%, Green 38.82% and Blue 92.16%.
oklch(54.61% 0.2152 262.88)
Color Names of #2563eb HEX code
Accent Blue, Accessible Blue, Anchor Blue, Annotation Blue, Appstore Blue, AR Blue, Arcade Blue, Attention Blue, Autonomous Blue, Azure Signal, Backprop Blue, Bid Blue, Bit Blue, Blockchain Blue, Blueprint Blue, Brand Trust Blue, Build Blue, Bundle Blue, Client Blue, Cobalt Blue, Cognition Blue, Command Blue, Component Blue, Consensus Blue, Control Blue, Conversion Blue, Core Algorithm Blue, Cortex Blue, Crypto Blue, Cube Blue, Decision Blue, Diffusion Blue, Distribution Blue, DNA Blue, Edge Device Blue, Electric Blue, Emergence Blue, Encoder Blue, Epoch Blue, Equity Blue, Error Blue, Explain Blue, Feature Extraction Blue, Feature Importance Blue, Flowchart Blue, Flutter Blue, Focus Blue, Forecast Blue, Framework Blue, Frequency Blue, Function Blue, GAN Blue, Generalize Blue, Generator Blue, Genome Blue, Graph Blue, Grid Blue, Hidden State Blue, Highlight Blue, Holo Blue, Hyperlink Blue, Hypernode Blue, Infrastructure Blue, Insight Blue, Interaction Blue, Interactive Neon Blue, Iris Blue, Journey Blue, Learning Rate Blue, Loop Blue, Mean Median Blue, Mesh Blue, Model Blue, Monitor Blue, Overlay Blue, Persistence Blue, Pixel Blue, Policy Blue, Portal Blue, Primary Blue, Primary Momentum Blue, Primary Sapphire, Prior Blue, Process Blue, Product Blue, Prototype Blue, Quantum Blue, Query Blue, Radar Blue, RDF Blue, Reactive Blue, Recommendation Blue, Render Blue, Retention Blue, Revenue Blue, Routing Blue, Runtime Blue, Search Blue, Secure Blue, Segment Blue Color
Alternative colors of #2563eb
Opposite Color for #2563eb is #ebac24
#2563eb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2563eb
Decimal
2450411
HEX
#2563eb
HSL
hsl(221, 83%, 53%)
HSLA
hsla(221, 83%, 53%, 1)
RGB
RGB(37, 99, 235)
RGBA
RGBA(37, 99, 235, 1)
Palettes for #2563eb color:
Below examples of color palettes for #2563eb HEX color
darkest color is #040a17 from shades and lightest color is #e9effd from tints
Shades palette of #2563eb:
Tints palette of #2563eb:
Complementary palette of #2563eb:
Triadic palette of #2563eb:
Square palette of #2563eb:
Analogous palette of #2563eb:
Split-Complementary palette of #2563eb:
Rectangle (tetradic) palette of #2563eb:
Color #2563eb used in palettes (24)
UI Component Accessibility Grid color palette 5 color palette Figma Cognitive Systems Storyboard Contrastive Learning Visual Suite Next Era Smart Travel Dashboard Machine Learning Retro Pixel Theme Edge AI Interface Toolkit Transformer Attention Map Business Intelligence Neural Kit Deep Reinforcement Learning Canvas Deep Learning Pixel UX Studio Business Intelligence Light Grid Next Generation UI Flow AI Semantic Web UI Language FPS Tactical UI Range Generative Cloud Collaboration Suite JavaScript Synapse Dashboard UI AI Cognitive Light Mode Studio Neural Backpropagation Gradient Flow Recurrent Neural Network Colors Design Language System Tokens Business Intelligence Dashboard Glow AI Web3 Arcade Signal Mesh
Color Contrast
Color pairings #2563eb with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2563eb
#2563eb Contrast Ratio
5.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2563eb
#2563eb Contrast Ratio
4.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2563eb color png
Visit the popular colors list for more colors