Audit & Compliance Teal

Institutional risk governance and compliance palette projecting accuracy, transparency, and balance.

#Business#Clean#Cool#Modern#Fresh
Open in Generator
COLOR 1
#134E4A
Alexandrite
COLOR 2
#115E59
Alexandrite
COLOR 3
#0D9488
Dark Cyan
COLOR 4
#14B8A6
Teal 500
COLOR 5
#F0FDFA
Mint Cream

Color Values & Codes

HEX · RGB · HSL
rgb(19, 78, 74)hsl(176, 61%, 19%)Color details →
rgb(17, 94, 89)hsl(176, 69%, 22%)Color details →
Dark Cyan
#0D9488
rgb(13, 148, 136)hsl(175, 84%, 32%)Color details →
Teal 500
#14B8A6
rgb(20, 184, 166)hsl(173, 80%, 40%)Color details →
Mint Cream
#F0FDFA
rgb(240, 253, 250)hsl(166, 76%, 97%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #134E4A;
  --color-2: #115E59;
  --color-3: #0D9488;
  --color-4: #14B8A6;
  --color-5: #F0FDFA;
}

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
#134E4A on #14B8A63.81:1
Large Text Only (Pass)
Sample Text
#134E4A on #F0FDFA9.09:1
Normal Text AA Pass
Sample Text
#115E59 on #14B8A63.05:1
Large Text Only (Pass)
Sample Text
#115E59 on #F0FDFA7.27:1
Normal Text AA Pass
Sample Text
#0D9488 on #14B8A61.50:1
Large Text Only (Fail)
Sample Text
#0D9488 on #F0FDFA3.59:1
Large Text Only (Pass)