Clear & Bold
Category: Color Blind
HEX
#1D3557
RGB
rgb(29, 53, 87)
HSL
hsl(215, 50%, 23%)
OKLCH
oklch(0.328 0.068 257)
HEX
#457B9D
RGB
rgb(69, 123, 157)
HSL
hsl(203, 39%, 44%)
OKLCH
oklch(0.560 0.078 238)
HEX
#A8DADC
RGB
rgb(168, 218, 220)
HSL
hsl(182, 43%, 76%)
OKLCH
oklch(0.854 0.052 199)
HEX
#F1FAEE
RGB
rgb(241, 250, 238)
HSL
hsl(105, 55%, 96%)
OKLCH
oklch(0.975 0.018 138)
HEX
#E63946
RGB
rgb(230, 57, 70)
HSL
hsl(355, 78%, 56%)
OKLCH
oklch(0.612 0.208 22)
Download Palette
PRO
Sign in to unlock exports
Try it out
Checking out this colour palette: Clear & Bold
Content Preview
Secondary Heading
This is how your body text will look. You can see how an anchor link also looks.
The purpose of this preview is to provide a realistic demonstration of the palette in a typical user interface.
This form is for demonstration purposes only and is not functional.
#1D3557
#457B9D
#A8DADC
#F1FAEE
#E63946
Explore More
Find more inspiration in our galleries and tools.
Colour Palette Collection
Browse hundreds of curated palettes.
Gradient Collection
Explore beautiful, ready-to-use gradients.
Country Flag Palettes
Discover palettes from the flags of the world.
16-Season Color System
Find your most flattering colors.
Colour of the Year
Explore annual trending colors.
HueFinder for Photos
Generate a colour palette from any image.
PRO
HueFinder for Logos
Generate a palette based on a brand logo.
PRO
AI Skin Tone Analyzer
Get a palette based on your skin tone.
PRO
WCAG Contrast Checker
Test colour accessibility.