Back to Gallery
Colour Explorer
#c7d2fe -A rich bright cerulean.
- Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers
Colour Values
HEX
#c7d2fe
RGB
rgb(199, 210, 254)
HSL
hsl(228, 96, 89)
OKLCH
oklch(86.99% 0.0622 274.04)
Contrast Analysis
Against White
1.49
Very poorAgainst Black
14.08
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
0.00
ExcellentInput Colour
Nearest Tailwind Match
Distance: 0.00
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
indigo-200Brand accent
indigo-300Secondary accent
red-300Text & UI elements (primary-tinted)
gray-900Main background (primary-tinted)
neutral-100Card background (primary-tinted)
zinc-50Borders (primary-tinted)
zinc-200Muted backgrounds (primary-tinted)
gray-100