tailwind / cyan

700

#0E7490

bg-cyan-700

Color Codes

HEX#0E7490
RGBrgb(14, 116, 144)
HSLhsl(193, 82%, 31%)
OKLCHoklch(52% 0.0936 223.1)
R14
G116
B144
Hue193°
Saturation82%
Lightness31%
OKL52%
Chroma0.0936

Tailwind Classes

Backgroundbg-cyan-700
Texttext-cyan-700
Borderborder-cyan-700
Ringring-cyan-700
Outlineoutline-cyan-700
Shadowshadow-cyan-700
Caretcaret-cyan-700
Accentaccent-cyan-700
Fillfill-cyan-700
Strokestroke-cyan-700
From (gradient)from-cyan-700
To (gradient)to-cyan-700

UI Previews

Solid Button
Outlined Button
Ghost Button
Badge / Tag
New FeatureBeta
Text on White

The quick brown fox

jumps over the lazy dog — 0123456789

Text on Dark

The quick brown fox

jumps over the lazy dog — 0123456789

Card Header
Dashboard Overview

Monthly active users increased by 24% this quarter.

Alert / Banner
●Your changes have been saved successfully.
Progress Bar
68%
Input / Focus Ring
Gradient (to white)
Gradient (to black)

Similar ColorsOther shades of Cyan

cyan-600#0891b2
cyan-800#155e75
cyan-500#06b6d4
cyan-900#164e63
cyan-950#083344
cyan-400#22d3ee

Complementary ColorsColors opposite on the hue wheel

orange-700#c2410c
orange-600#ea580c
stone-300#d6d3d1
stone-400#a8a29e
stone-500#78716c
orange-500#f97316
neutral-300#d4d4d4
neutral-400#a3a3a3

Full Cyan Palette

50#ecfeff100#cffafe200#a5f3fc300#67e8f9400#22d3ee500#06b6d4600#0891b2700#0e7490800#155e75900#164e63950#083344