HEX
#AFEEEEPrimary tokenCSS Named Color Reference
Paleturquoise Color Code
Paleturquoise·#AFEEEE
Cyan FamilyCoolLight toneMid saturationoklch(90.7% 0.063 196)
RGB
rgb(175, 238, 238)Screen valuesHSL
hsl(180 65% 81%)Hue and lightnessCMYK
26, 0, 0, 7Print handoffLAB
90, -20, -6Perceptual referenceOKLCH
oklch(90.7% 0.063 196)Modern perceptualPaleturquoise is a soft CSS named color at #AFEEEE that bridges cyan and mint. Use it when you need a low-pressure background for data fills, wellness interfaces, educational layouts, and product sections that should feel fresh without becoming neon.
Best text colorDark text
Body text contrast13.30:1
Best UseSoft data fills, wellness surfaces, and calm blue-green backgrounds
Tonal Scale
100#F1FCFC
300#DAF7F7
500#BDF1F1
600#AFEEEE
800#7EABAB
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
1.29:1Needs more separation
Dark text on this color
Large headings and selective UI.
13.30:1AAA-level contrast
This color on light surface
Links, borders, and icons on light UI.
1.22:1Needs more separation
Best text colorDark textContrast 13.30:1
Professional Reference
OKLCHoklch(90.7% 0.063 196)
Relative Luminance0.7644
Source TypeCSS Named Color
Classification
Cyan FamilyCoolLight toneMid saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Material Cyan 100Ant Design Cyan 2Tailwind Cyan 200
Accessibility Matrix
White text on this color
White text placed on the current color.
1.29:1Needs more separation
Dark text on this color
Dark text or headings on the current color.
13.30:1AAA
This color on light surface
Use this color for links, strokes, or icons on light UI.
1.22:1Needs more separation
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
13.30:1AAA
Best text colorDark textContrast 13.30:1 · AAA
Where It Works
- Soft data fills, wellness UI, and calm sections.
- Fresh support color, not a high-contrast action tone.
- Pairs with white, cool gray text, and cadet or navy anchors.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Paleturquoise 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-pale-turquoise: #AFEEEE;
--color-pale-turquoise-rgb: 175 238 238;
}class="bg-[#AFEEEE] text-white"
class="hover:bg-[#7EABAB] ring-1 ring-[#AFEEEE]"{
"paleTurquoise": "#AFEEEE",
"paleTurquoiseRgb": [175, 238, 238],
"paleTurquoiseHsl": [180, 65, 81]
}