#2563eb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2563eb | RGB(37, 99, 235) |
Created at 05/28/2025 00:10
Classification of #2563eb color
#2563eb is Semi dark and Cool Color Saturation 83%, lightness 53%.
Shade of Royal Blue
RGB values are RGB(37, 99, 235)
#2563eb color contains Red 14.51%, Green 38.82% and Blue 92.16%.
oklch(54.61% 0.2152 262.88)
#2563eb color contains 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, Anchor Blue, Blockchain Blue, Control Blue, Epoch Blue, Focus Blue, Frequency Blue, Graph Blue, Insight Blue, Interaction Blue, Mesh Blue, Model Blue, Pixel Blue, Policy Blue, Primary Blue, Quantum Blue, Stream Blue, Transparency Blue, Trust Blue Color
≈ Royal Blue
Alternative colors of #2563eb
Opposite Color for #2563eb is #ebad25
#2563eb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2563eb
cmyk
CMYK(84%, 58%, 0%, 8%)
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:
#2159d4
#1e4fbc
#1a45a5
#163b8d
#133276
#0f285e
#0b1e47
#07142f
#040a17
#000000
Tints palette of #2563eb:
#3b73ed
#5182ef
#6692f1
#7ca1f3
#92b1f5
#a8c1f7
#bed0f9
#d3e0fb
#e9effd
#ffffff
Complementary palette of #2563eb:
#2563eb
#ebad25
Triadic palette of #2563eb:
#2563eb
#eb2563
#63eb25
Square palette of #2563eb:
#2563eb
#eb25c6
#ebad25
#25eb4a
Analogous palette of #2563eb:
#25c6eb
#2563eb
#4a25eb
Split-Complementary palette of #2563eb:
#2563eb
#eb4a25
#c6eb25
Rectangle (tetradic) palette of #2563eb:
#2563eb
#ad25eb
#ebad25
#63eb25
Suggested color palettes for #2563eb HEX:
Color palette with color #2563eb #1:
Color palette with color #2563eb #2:
Color palette with color #2563eb #3:
Color palette with color #2563eb #4:
Color palette with color #2563eb #5:
Color #2563eb used in palettes (24)
UI Component Accessibility Grid color palette 5 color palette Figma Cognitive Systems Storyboard Next Era Smart Travel Dashboard Contrastive Learning Visual Suite Machine Learning Retro Pixel Theme Edge AI Interface Toolkit Transformer Attention Map Business Intelligence Neural Kit Next Generation UI Flow AI Deep Reinforcement Learning Canvas Design System Tokens Semantic Scaling UI Colors Business Intelligence Light Grid Augmented UI Interaction Kit Semantic Web UI Language Deep Learning Pixel UX Studio FPS Tactical UI Range Generative Cloud Collaboration Suite AI Cognitive Light Mode Studio JavaScript Synapse Dashboard UI Neural Backpropagation Gradient Flow 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