North Star
Meet North Star (#CAD0D2), a color defined by its quiet confidence. This cool, muted gray-blue offers a sophisticated alternative to standard neutrals, providing a subtle yet distinct character that works as a versatile base for clean, modern digital product design.
North Star Code Conversions
HEX
#CAD0D2
LAB
83, -2, -2
RGB
202, 208, 210
XYZ
58.5, 62.3, 69.9
HSL
195°, 8%, 81%
LCH
83, 2, 226°
HSB
195°, 4%, 82%
LUV
83, -3, -2
HWB
195°, 79%, 18%
North Star Color Harmonies
Analogous
Analogous colors sit side-by-side on the color wheel. Using North Star as a base, these schemes produce a serene and cohesive visual effect.
Complementary
Pair North Star with its complementary colors—found directly opposite on the color wheel—for a combination that offers maximum contrast and visual energy.
Split Complementary
Split complementary colors provide a more nuanced contrast. For North Star, this involves pairing it with the two colors adjacent to its direct complement.
Triadic
A triadic combination pairs North Star with two other colors, each equidistant on the color wheel, resulting in a bold and balanced visual effect.
Tetradic
Tetradic schemes pair North Star with three other colors, forming two complementary pairs for a vibrant and well-balanced palette.
Square
Built around North Star, a square color scheme features four hues equidistant on the color wheel, offering a balanced yet highly contrasting visual effect.
North Star Contrast Simulation
North Star Color Variations
Shades
By adding black to North Star, you create darker shades that give your design weight.
Tints
Tints are lighter versions of North Star, created by mixing in white for a softer effect.
Tones
Tones of North Star are created by adding gray, resulting in softer, muted variations.
Hues
Hues are variations of North Star, creating different effects by altering its intensity and temperature.
What Interfaces Use Colors Like North Star?
