Color Details for BLUE-COOL-20v

USWDS Details

  • Backgound: bg-blue-cool-20v
  • Text Color: text-blue-cool-20v
  • System Palette Token: blue-cool-20v
  • Theme Palette Token: accent-cool-light

Color Contrast
Courtesy of WebAIM Contrast API

  • Foreground Color: #171717
  • Background Color: #97D4EA
  • Contrast Ratio: 11.0
  • AA: PASS
  • AA Large: PASS
  • AAA: PASS
  • AAA Large: PASS

Additional Color Information
Courtesy of thecolorapi.com

  • HEX: #97D4EA
  • CMYK: 35, 9, 0, 8
  • HSL: 196, 66%, 75%
  • HSV: 196, 35, 92
  • RGB: 151, 212, 234
  • Closest Color Name
    • Name: Cornflower (#9ACEEB)
    • Exact Match: false
    • Distance : 88

WCAG 2 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, and a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.

Note: Color contrast is based on grades less than 50 using the base color (171717) and grades above 40 using white text (ffffff).

Page content was last updated: Sunday, March 3, 2019