HEX#6366f1
RGBrgb(99, 102, 241)
HSLhsl(239°, 84%, 67%)
RGB Sliders
HSL Sliders
Contrast Check (WCAG)
White text on color--
Black text on color--
Color Theory Basics
- Complementary: Two colors opposite on the wheel (180°) - high contrast
- Analogous: Colors next to each other (±30°) - harmonious
- Triadic: Three colors equally spaced (120°) - balanced and vibrant
- Tetradic: Four colors in a rectangle (90°) - rich variety
- Split-Complementary: Base + two adjacent to complement - softer contrast
Frequently Asked Questions
HEX is a 6-digit hexadecimal code representing RGB values. Each pair (RR, GG, BB)
ranges from 00 to FF (0-255 in decimal). Example: #FF0000 is pure red.
RGB defines colors by Red, Green, Blue intensity (0-255). HSL uses Hue (color
wheel angle), Saturation (intensity), Lightness (brightness). HSL is more intuitive for
adjustments.
Use the contrast checker! WCAG AA requires 4.5:1 ratio for normal text, AAA
requires 7:1. Our tool shows these ratios automatically.