01
#FAFDFEApp background
cyan-1
- RGB
rgb(250 253 254)- Black text
- 20.55:1
- White text
- 1.02:1
← Back to palette directory
Signal current laboratory
Tune a cyan signal from quiet to clear.
A source-verified twelve-step cyan scale shown as one continuous interface signal. Scrub from quiet canvas values through component edges to solid information and readable foregrounds.
- Scale steps
- 12
- Documented roles
- 12
- Version
- 3.0.0
09/ 12
Solid information background
One current, twelve intensities.The selected source token drives this specimen and its calculated foreground.Live signal specimencyan-9
rgb(0 162 199)
Pinned provenance
The exact opaque light Cyan export, frozen at 3.0.0.
This reference contains only Cyan 1–12 from the opaque light sRGB export of @radix-ui/colors 3.0.0. Dark, alpha and P3 variants are outside its scope.
Hexees is an independent reference and is not affiliated with or endorsed by WorkOS or Radix.
- Version
- @radix-ui/colors 3.0.0
- Source
- Versioned package export
- License
- MIT License
Compact signal ledger
Twelve exact steps, ready to inspect and copy.
Official source order is preserved. Every card keeps its role, exact sRGB value, calculated text contrast and copy-ready output together.
Inspect color
02
#F2FAFBSubtle background
cyan-2
- RGB
rgb(242 250 251)- Black text
- 19.84:1
- White text
- 1.06:1
More formats
03
#DEF7F9Component background
cyan-3
- RGB
rgb(222 247 249)- Black text
- 18.78:1
- White text
- 1.12:1
More formats
04
#CAF1F6Hovered component
cyan-4
- RGB
rgb(202 241 246)- Black text
- 17.42:1
- White text
- 1.21:1
More formats
05
#B5E9F0Active component
cyan-5
- RGB
rgb(181 233 240)- Black text
- 15.88:1
- White text
- 1.32:1
More formats
06
#9DDDE7Subtle border
cyan-6
- RGB
rgb(157 221 231)- Black text
- 13.93:1
- White text
- 1.51:1
More formats
07
#7DCEDCInteractive border
cyan-7
- RGB
rgb(125 206 220)- Black text
- 11.73:1
- White text
- 1.79:1
More formats
08
#3DB9CFStrong border or focus ring
cyan-8
- RGB
rgb(61 185 207)- Black text
- 9.04:1
- White text
- 2.32:1
More formats
09
#00A2C7Solid information background
cyan-9
- RGB
rgb(0 162 199)- Black text
- 6.99:1
- White text
- 3.00:1
More formats
10
#0797B9Hovered solid background
cyan-10
- RGB
rgb(7 151 185)- Black text
- 6.14:1
- White text
- 3.42:1
More formats
11
#107D98Low-contrast text
cyan-11
- RGB
rgb(16 125 152)- Black text
- 4.41:1
- White text
- 4.76:1
More formats
12
#0D3C48High-contrast text
cyan-12
- RGB
rgb(13 60 72)- Black text
- 1.76:1
- White text
- 11.95:1
More formats
Catalog scope
One complete signal scale, not twelve search pages.
The collection is indexable only while all twelve published values match the frozen manifest. Individual token pages remain noindex so this complete reference is the useful search destination.
An information role and a calculated text ratio are starting evidence, not certification. Do not rely on cyan alone; test labels, controls, borders, keyboard focus and adjacent surfaces in the final interface.