Color Wheel
Enter a HEX color to set the wheel position
Four colors forming a rectangle on the wheel.
| HEX | #267fd9 | |
|---|---|---|
| RGB | 38, 127, 217 | |
| HSL | 210°, 70%, 50% | |
| HSV | 210°, 82%, 85% | |
| CMYK | 82, 41, 0, 15 | |
| XYZ | 20.91, 20.60, 68.51 | |
| CIE Lab | 52.5, 6.5, -53.3 | |
| CIE Luv | 52.5, -28.4, -83.3 | |
| YIQ | 0.434, -0.322, 0.036 | |
| Hunter Lab | 45.4, 2.8, -57.7 | |
| Decimal | 2523097 |
Color Variations
Color Harmonies
Contrast Checker
White background
4.10:14.10
| Element | AA | AAA |
|---|---|---|
| Small text | ✗ | ✗ |
| Large text | ✓ | ✗ |
| UI element | ✓ | ✗ |
Black background
5.12:15.12
| Element | AA | AAA |
|---|---|---|
| Small text | ✓ | ✗ |
| Large text | ✓ | ✓ |
| UI element | ✓ | ✓ |
Turning harmonies into a room palette
Complementary colors are best as an accent strategy: one dominant color, the complement in small doses, never 50/50 on walls. Analogous schemes are the safer whole-house flow because neighboring hues feel related from room to room. Triadic palettes feel playful, so I use them more for kids' rooms, studios, and offices. In interiors, these colors usually arrive through textiles and art. Walls tend to be muted versions of a harmony color. Use the paint database to find real paints in the hue you chose.
How the Color Wheel Works
- Pick a base color on the wheel or enter a HEX value.
- Choose complementary, analogous, triadic, split-complementary, tetradic, or monochromatic.
- Copy the HEX, RGB, or HSL values, or export the scheme.
Use the generated values as a starting point, then test real samples in the room's light.
Color Wheel FAQ
What colors go together?
Colors go together when their hues have a clear relationship on the wheel. Opposites create contrast. Neighboring hues feel calmer, and 120-degree spacing creates a bolder triadic scheme.
What is a split-complementary scheme good for?
A split-complementary scheme adds controlled contrast. It uses one base hue and the two hues beside its complement. Keep the split colors small, such as art or a painted cabinet, because they can feel busy at wall scale.
Do color wheel rules apply to paint colors?
Yes, color wheel rules apply to paint colors, but paint needs lower saturation than screen color. Test a sample board. North light can push a blue-green wall toward gray, so match fabric or trim after the sample dries.
What color goes opposite my wall color?
Set the wall color as the base and use the complementary result, the hue 180 degrees away. Use that complement as a muted accent. Pillows or art can carry it better than a second wall at full strength, because two saturated complements fight each other.
How do I use the wheel to pick an accent wall color?
Use an adjacent hue for a calm accent wall, or use the complement for more energy. Drop saturation hard. A paint color at about 20 to 30 percent of the wheel color's saturation reads intentional, because the raw wheel value reads like a crayon.
Is there a rule for how many colors a room needs?
Use a 60-30-10 split for most rooms. Let one dominant color cover about 60 percent of the room, such as the walls. Use a secondary color for about 30 percent, then keep accents near 10 percent. Three colors are enough.
Color Matcher
Match paint colors across brands by name, photo, or code.
Global Color Database
Explore 12,500+ paint colors with technical values.
Color Visualizer
Preview paint colors on room scenes or your own photos.
Match From Photo
Extract colors from photos to refine your choices.
Compare Colors
Compare undertones and lightness side by side.
RGB to Paint
Convert digital colors into paint options.
HEX to Paint
Match web colors to real paints.
Image Color Picker
Pick colors from any image with a magnifier.
Color Wheel
Explore color harmonies interactively.
Color Chart
Browse 140+ named CSS colors.
Palette Generator
Generate harmonious color schemes.
Palette from Image
Extract palettes from any photo.
Gradient Generator
Create CSS gradients visually.
Contrast Checker
Check WCAG accessibility compliance.