Button Blue
September 23, 2026
A direct, clickable blue that reads well as a focused UI accent.
No items found.
#2DA0ED
rgb(45, 160, 237)
Color Conversions
| Color model | Value | Common use |
|---|---|---|
| HEX | #2DA0ED | Web and interface color |
| RGB | rgb(45, 160, 237) | Digital screens |
| HSL | hsl(204, 84%, 55%) | Hue-based adjustments |
| HSV | hsv(204, 81%, 93%) | Color pickers |
| CMYK | 81%, 32%, 0%, 7% | Print reference |
Real Design Examples 👇🏽
Color Combinations
Interface focus
#2da0ed
#173a58
#ffffff
Cool controls
#2da0ed
#e7edf2
#71879a
Warm alert
#2da0ed
#f2b84b
#25313b
Patterns
No items found.
Best Match
Button Blue gets straight to the point. It has enough brightness for calls to action without drifting into cyan. Pair it with a dark navy for reliable contrast, or use pale gray to keep an interface light.
Tints
#2da0ed
#42aaef
#57b3f1
#6cbcf2
#81c6f4
#96d0f6
#abd9f8
#c0e2fa
#d5ecfb
#eaf6fd
#ffffff
Shadows
#2da0ed
#2890d5
#2480be
#2070a6
#1b608e
#165076
#12405f
#0e3047
#09202f
#041018