Color Information

Blue

Complete color analysis with professional format conversions, accessibility metrics, and harmonious color combinations for your design projects.

HEX Format
#BAC4F3
RGB Values
186, 196, 243
HSL Values
229°, 70%, 84%
CMYK Values
23%, 19%, 0%, 5%

Color Variations & Tints

  • #FBFBFE

    Lightness: 99%

  • #E5E9FA

    Lightness: 94%

  • #CFD7F7

    Lightness: 89%

  • #BAC4F3

    Lightness: 84%

    Current color
  • #A4B2EF

    Lightness: 79%

  • #8E9FEB

    Lightness: 74%

  • #798DE7

    Lightness: 69%

Accessibility

White Text
1.7
FAIL
Black Text
12.3
PASS
WCAG AA
PASS
WCAG AAA
PASS

Accessibility Guide

Contrast Ratios
Higher values (4.5+) ensure better readability for users with visual impairments.
WCAG AA Standard
Minimum requirement: 4.5:1 contrast for normal text, 3:1 for large text.
WCAG AAA Standard
Enhanced level: 7:1 contrast for normal text, 4.5:1 for large text.

Color Harmonies

  • Complementary

    Colors opposite on the color wheel, creating high contrast

  • Triadic

    Three evenly spaced colors forming a triangle on the color wheel

  • Analogous

    Adjacent colors on the color wheel, creating harmony and unity

Be picky and fine tune your color: colors very near to #BAC4F3

Systematic progression of extremely similar colors. Each color represents a precise step in lightness variation.

Discover More Colors

Explore a randomly curated selection of colors. Each refresh brings new inspiration for your palette.