Insurance Anchor Blue

Underwriting and risk mitigation insurance palette built on foundational blue shades that assure stability.

#Business#Clean#Cool#Minimal#Modern
Open in Generator
COLOR 1
#172554
Royal Sapphire
COLOR 2
#1E40AF
Cobalt Blue Intense
COLOR 3
#2563EB
Brand Blue
COLOR 4
#60A5FA
Blue Topaz
COLOR 5
#EFF6FF
Alice Blue

Color Values & Codes

HEX · RGB · HSL
rgb(23, 37, 84)hsl(226, 57%, 21%)Color details →
rgb(30, 64, 175)hsl(226, 71%, 40%)Color details →
Brand Blue
#2563EB
rgb(37, 99, 235)hsl(221, 83%, 53%)Color details →
Blue Topaz
#60A5FA
rgb(96, 165, 250)hsl(213, 94%, 68%)Color details →
Alice Blue
#EFF6FF
rgb(239, 246, 255)hsl(214, 100%, 97%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #172554;
  --color-2: #1E40AF;
  --color-3: #2563EB;
  --color-4: #60A5FA;
  --color-5: #EFF6FF;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#172554 on #60A5FA5.78:1
Normal Text AA Pass
Sample Text
#172554 on #EFF6FF13.50:1
Normal Text AA Pass
Sample Text
#1E40AF on #60A5FA3.43:1
Large Text Only (Pass)
Sample Text
#1E40AF on #EFF6FF8.01:1
Normal Text AA Pass
Sample Text
#2563EB on #60A5FA2.03:1
Large Text Only (Fail)
Sample Text
#2563EB on #EFF6FF4.75:1
Normal Text AA Pass