Color Converter & Picker
Convert between HEX, RGB, HSL, CMYK color formats. Generate color palettes and check contrast ratios.
Selected Color
Royal Blue
HEX: #4169E1 | RGB: 65, 105, 225
HEX
RGB
HSL
CMYK
Color Picker
Palette Generator
Color Harmony
HEX Color Code
HEX Color
#4169E1
RGB Color Values
Red (R)
65
Green (G)
105
Blue (B)
225
HSL Color Values
Hue (H)
225°
Saturation (S)
73%
Lightness (L)
57%
CMYK Color Values
Cyan (C)
71%
Magenta (M)
53%
Yellow (Y)
0%
Black (K)
12%
Color Picker
Color Palette Generator
Color Harmony Rules
Analogous
Complementary
Triadic
Tetradic
Monochromatic
Split Complementary
Contrast Checker
Check WCAG compliance for text readability:
Sample Text
Sample Text
WCAG Compliance
Color Blindness Simulator
See how your color appears to people with different types of color vision:
Gradient Generator
90°
Common Color Names
Color Contrast Grid
About Color Conversion
This comprehensive color converter tool allows you to work with colors in various formats and generate beautiful color schemes.
Color Formats:
- HEX: #RRGGBB format used in web design (e.g., #4169E1)
- RGB: Red, Green, Blue values (0-255 each)
- HSL: Hue, Saturation, Lightness - more intuitive for color adjustments
- CMYK: Cyan, Magenta, Yellow, Black - used in printing
Color Harmony Rules:
- Analogous: Colors next to each other on the color wheel
- Complementary: Colors opposite each other on the color wheel
- Triadic: Three colors equally spaced around the color wheel
- Tetradic: Four colors arranged into two complementary pairs
- Monochromatic: Different shades, tints, and tones of a single color
- Split Complementary: A color plus the two colors adjacent to its complement
WCAG Accessibility Guidelines:
- AA (Minimum): Contrast ratio of 4.5:1 for normal text
- AAA (Enhanced): Contrast ratio of 7:1 for normal text
- Large Text: 3:1 for AA, 4.5:1 for AAA
- Non-text: 3:1 for user interface components
Color Theory Tips:
- Use complementary colors for maximum contrast and visual impact
- Analogous colors create harmonious and pleasing designs
- Monochromatic schemes are elegant and easy on the eyes
- Always check contrast ratios for accessibility
- Consider color blindness when choosing color combinations