Color Picker

Select colors visually and get their values in HEX, RGB, HSL, and CMYK formats. Useful for designers and developers.

Color Selection

74
107
255

Color Values

Contrast Checker

White
4.5:1
Black
4.5:1

WCAG recommends a contrast ratio of at least 4.5:1 for normal text.

About Color Formats

HEX: Hexadecimal color notation, widely used in web design (e.g., #4a6bff).

RGB: Red, Green, Blue values, each ranging from 0-255 (e.g., rgb(74, 107, 255)).

HSL: Hue (0-360), Saturation (0%-100%), Lightness (0%-100%) (e.g., hsl(230, 100%, 65%)).

CMYK: Cyan, Magenta, Yellow, Key (Black) percentages, used in printing (e.g., cmyk(71%, 58%, 0%, 0%)).

Color Contrast Accessibility

Web Content Accessibility Guidelines (WCAG) recommend:

  • 4.5:1 for normal text (AA level)
  • 7:1 for large text (AA level)
  • 3:1 for graphical objects and user interface components