Start Now!COLOR STUDIOColor library
Blue #2C5A6E
Blue has the HEX code #2C5A6E, RGB value rgb(44, 90, 110) and HSL value hsl(198, 43%, 30%).
#2C5A6E
Color values
HEX#2C5A6E
RGBrgb(44, 90, 110)
HSLhsl(198, 43%, 30%)
Blue shades
A Tailwind-style scale built from #2C5A6E.
- 50
#F4F9FB
- 100
#D6E7EE
- 200
#B7D5E2
- 300
#99C4D6
- 400
#7AB2CA
- 500
#5CA0BE
- 600
#448CAB
- 700
#38738C
- 800
#2C5A6E
- 900
#1F404F
- 950
#13272F
Text contrast
How Blue reads as text, by WCAG 2.2.
On white7.51:1, passes AA for normal text
On black2.79:1, below AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#804A33
#334280
#E2EEF3
#1A3642
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
