Lighter companion
Celadon Tone Clear
#62D090 · hsl(145, 54%, 60%)
RGB
rgb(74, 201, 127)
HSL
hsl(145, 54%, 54%)
CMYK
cmyk(63%, 0%, 37%, 21%)
Metrics
S 54% · L 54%
Contrast (WCAG)
on white
2.1:1Fail
on black
10:1AA
About this color
Celadon Radiant Clear (#4AC97F) belongs to the green family — hue 145°, 54% saturation, 54% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-celadon-radiant-clear: #4AC97F; --colorarchive-celadon-radiant-clear-hsl: hsl(145, 54%, 54%); --colorarchive-celadon-radiant-clear-rgb: rgb(74, 201, 127); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Celadon Core Clear
#38BC6F · hsl(145, 54%, 48%)
Complementary counterpoint
Rose Radiant Clear
#C94A9F · hsl(320, 54%, 54%)
Analogous lead
Lagoon Radiant Clear
#4AC9B4 · hsl(170, 54%, 54%)
Analogous echo
Emerald Radiant Clear
#4AC94A · hsl(120, 54%, 54%)
Triadic +120°
Orchid Radiant Clear
#754AC9 · hsl(260, 54%, 54%)
Triadic +240°
Tangerine Radiant Clear
#C97F4A · hsl(25, 54%, 54%)
Split-comp +150°
Magenta Radiant Clear
#B44AC9 · hsl(290, 54%, 54%)
Split-comp +210°
Crimson Radiant Clear
#C94A4A · hsl(0, 54%, 54%)
Export preview
Base: Celadon Radiant Clear #4AC97F Lighter companion: Celadon Tone Clear #62D090 Darker companion: Celadon Core Clear #38BC6F Complementary counterpoint: Rose Radiant Clear #C94A9F Analogous lead: Lagoon Radiant Clear #4AC9B4 Analogous echo: Emerald Radiant Clear #4AC94A Triadic +120°: Orchid Radiant Clear #754AC9 Triadic +240°: Tangerine Radiant Clear #C97F4A Split-comp +150°: Magenta Radiant Clear #B44AC9 Split-comp +210°: Crimson Radiant Clear #C94A4A
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Celadon Core Clear
#38BC6F · hsl(145, 54%, 48%)
Nearby match
Celadon Tone Clear
#62D090 · hsl(145, 54%, 60%)
Nearby match
Seafoam Radiant Clear
#4AC975 · hsl(140, 54%, 54%)
Nearby match
Jade Radiant Clear
#4AC98A · hsl(150, 54%, 54%)
Nearby match
Celadon Velvet Clear
#31A561 · hsl(145, 54%, 42%)
Nearby match
Celadon Radiant Soft
#62B283 · hsl(145, 34%, 54%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#8C829A
Protanopia
#939495
Tritanopia
#57A4A7
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.