Start Now!COLOR STUDIOColor library
Vivid Blue #3A86FF
Vivid Blue has the HEX code #3A86FF, RGB value rgb(58, 134, 255) and HSL value hsl(217, 100%, 61%).
#3A86FF
Color values
HEX#3A86FF
RGBrgb(58, 134, 255)
HSLhsl(217, 100%, 61%)
Vivid Blue shades
A Tailwind-style scale built from #3A86FF.
- 50
#F0F6FF
- 100
#C2DAFF
- 200
#95BEFF
- 300
#67A2FF
- 400
#3A86FF
- 500
#116DFF
- 600
#0059E7
- 700
#0049BE
- 800
#003995
- 900
#00296B
- 950
#001A42
Text contrast
How Vivid Blue reads as text, by WCAG 2.2.
On white3.48:1, below AA for normal text
On black6.03:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#FFB033
#513AFF
#DCE7F9
#0E274E
What blue can communicate
Calm, trustworthy, and professional.
Associations vary by audience and culture. Blue is widely seen as calm and dependable, though in some traditions it is also tied to sadness or protection.
Often used for: Technology, Finance, Healthcare.
More about blueRelated colors
