tailwind / cyan

600

#0891B2

bg-cyan-600

Color Codes

HEX#0891B2
RGBrgb(8, 145, 178)
HSLhsl(192, 91%, 36%)
OKLCHoklch(60.9% 0.111 221.7)
R8
G145
B178
Hue192°
Saturation91%
Lightness36%
OKL60.9%
Chroma0.111

Tailwind Classes

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

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-500#06b6d4
cyan-700#0e7490
cyan-400#22d3ee
cyan-800#155e75
cyan-300#67e8f9
cyan-900#164e63

Complementary ColorsColors opposite on the hue wheel

orange-700#c2410c
orange-600#ea580c
neutral-300#d4d4d4
neutral-400#a3a3a3
neutral-500#737373
neutral-600#525252
neutral-700#404040
stone-300#d6d3d1

Full Cyan Palette

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