HEX
#E0FFFFPrimary tokenCSS Named Color Reference
Light Cyan Color Code
Light Cyan·#E0FFFF
Cyan FamilyCoolLight toneHigh saturationoklch(97.8% 0.032 197)
RGB
rgb(224, 255, 255)Screen valuesHSL
hsl(180 100% 94%)Hue and lightnessCMYK
12, 0, 0, 0Print handoffLAB
98, -10, -3Perceptual referenceOKLCH
oklch(97.8% 0.032 197)Modern perceptualLight Cyan is an ultra-light CSS named cyan at #E0FFFF that feels cleaner and cooler than Alice Blue. Use it when you want a fresh background for dashboards, healthcare UI, onboarding, or informational sections that should stay light but not neutral-white.
Best text colorDark text
Body text contrast16.27:1
Best UseClean surfaces, airy sections, and ultra-light cool backgrounds
Tonal Scale
100#F9FFFF
300#F1FFFF
500#E6FFFF
600#E0FFFF
800#A1B8B8
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
1.05:1Needs more separation
Dark text on this color
Large headings and selective UI.
16.27:1AAA-level contrast
This color on light surface
Links, borders, and icons on light UI.
1.00:1Needs more separation
Best text colorDark textContrast 16.27:1
Professional Reference
OKLCHoklch(97.8% 0.032 197)
Relative Luminance0.9459
Source TypeCSS Named Color
Classification
Cyan FamilyCoolLight toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Ant Design Cyan 1Material Cyan 50Tailwind Cyan 50
Accessibility Matrix
White text on this color
White text placed on the current color.
1.05:1Needs more separation
Dark text on this color
Dark text or headings on the current color.
16.27:1AAA
This color on light surface
Use this color for links, strokes, or icons on light UI.
1.00:1Needs more separation
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
16.27:1AAA
Best text colorDark textContrast 16.27:1 · AAA
Where It Works
- Backgrounds, healthcare UI, and airy content sections.
- Ultra-light cool surface, not a functional accent.
- Pairs with slate text, pale turquoise, and deeper blue-green anchors.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Light Cyan 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-cyan: #E0FFFF;
--color-light-cyan-rgb: 224 255 255;
}class="bg-[#E0FFFF] text-white"
class="hover:bg-[#A1B8B8] ring-1 ring-[#E0FFFF]"{
"lightCyan": "#E0FFFF",
"lightCyanRgb": [224, 255, 255],
"lightCyanHsl": [180, 100, 94]
}