Color Wheel

Color Mode

Enter a HEX color to set the wheel position

Saturation: 70%

Lightness: 50%

Harmony Type

Four colors forming a rectangle on the wheel.

Tetradic Palette

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

Tints

Shades

Tones

Color Harmonies

Complementary

Split-Complementary

Analogous

Triadic

Tetradic

Monochromatic

Contrast Checker

White background

4.10:1

4.10

Element	AA	AAA
Small text	✗	✗
Large text	✓	✗
UI element	✓	✗

Black background

5.12:1

5.12

Element	AA	AAA
Small text	✓	✗
Large text	✓	✓
UI element	✓	✓

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

How the Color Wheel Works

Use the color wheel above to understand how colors relate to each other and to build balanced color schemes. Select a base color directly on the wheel or enter a HEX value to position it precisely. The tool instantly highlights related colors based on standard color theory models, including complementary, analogous, triadic, and split-complementary relationships.

The color wheel helps identify colors that go together for design, UI, illustration, and paint planning. Each generated color scheme can be copied or exported for further use, making it easy to move from theory to practical application. Identified colors can also be compared, converted, or matched to real paint colors using related tools on the site.

Preview Your Space

Visualize Before You Decide

Preview how paint colors and design ideas may look in a real space before committing. Visual comparisons can help narrow options and reduce costly mistakes.