HEX
#20B2AAPrimary tokenCSS Named Color Reference
Light Sea Green Color Code
Light Sea Green·#20B2AA
Cyan FamilyCoolMid toneHigh saturationoklch(69.1% 0.114 189)
RGB
rgb(32, 178, 170)Screen valuesHSL
hsl(177 70% 41%)Hue and lightnessCMYK
82, 0, 4, 30Print handoffLAB
66, -38, -6Perceptual referenceOKLCH
oklch(69.1% 0.114 189)Modern perceptualLight Sea Green is a balanced CSS named teal at #20B2AA that sits between green and cyan. Use it when you need a fresh but controlled accent for dashboards, wellness products, charts, and supportive interface layers that should feel lively without becoming neon.
Best text colorDark text
Body text contrast6.54:1
Best UseFriendly data UI, wellness dashboards, and fresh teal support layers
Tonal Scale
100#D7F1F0
300#98DCD8
500#48C0B9
600#20B2AA
800#17807A
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
2.62:1Needs more separation
Dark text on this color
Large headings and selective UI.
6.54:1Safe for body text
This color on light surface
Links, borders, and icons on light UI.
2.49:1Needs more separation
Best text colorDark textContrast 6.54:1
Professional Reference
OKLCHoklch(69.1% 0.114 189)
Relative Luminance0.3505
Source TypeCSS Named Color
Classification
Cyan FamilyCoolMid toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Material Teal 400Material Teal 300Tailwind Teal 500
Accessibility Matrix
White text on this color
White text placed on the current color.
2.62:1Needs more separation
Dark text on this color
Dark text or headings on the current color.
6.54:1AA
This color on light surface
Use this color for links, strokes, or icons on light UI.
2.49:1Needs more separation
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
6.54:1AA
Best text colorDark textContrast 6.54:1 · AA
Where It Works
- Dashboards, charts, and fresh support surfaces.
- Balanced teal accent without neon pressure.
- Pairs with white, deep neutrals, and darker cyan anchors.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Light Sea Green is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product, interface, and branding work.
Hue Family
Clean cyan and teal hues for product UIs.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-light-sea-green: #20B2AA;
--color-light-sea-green-rgb: 32 178 170;
}class="bg-[#20B2AA] text-white"
class="hover:bg-[#17807A] ring-1 ring-[#20B2AA]"{
"lightSeaGreen": "#20B2AA",
"lightSeaGreenRgb": [32, 178, 170],
"lightSeaGreenHsl": [177, 70, 41]
}