Tailwind CSS color Teal 200: codes and conversion
Review the exact values for teal-200 and convert the preset color into print and web formats in one place. The converter is already filled with #99F6E4, so you can copy codes or compare color spaces right away.
4.8 /5 (Оценок: 116)
Supports HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH and CSS color names
Mask: #E4002B
Detected format: RGBMatched palette: teal-200
All color formats
RGB
CMYK
HSL
HSV / HSB
LAB
HWB
OKLCH
Color preview
Open the system color picker and choose a shade without typing the value by hand.
Current value: #99F6E4
Selected swatch: teal-200
Similar colors in palettes
Closest shades from Tailwind, Material and Web Safe for the current color.
Tailwind
teal-200
#99F6E4
emerald-200
#A7F3D0
cyan-200
#A5F3FC
green-200
#BBF7D0
sky-200
#BAE6FD
sky-300
#7DD3FC
Material
cyan-100
#B2EBF2
teal-100
#B2DFDB
cyan-200
#80DEEA
light-blue-100
#B3E5FC
light-blue-200
#81D4FA
blue-100
#BBDEFB
Web Safe
#99FFCC
#99FFCC
#99FFFF
#99FFFF
#99CCCC
#99CCCC
#99CCFF
#99CCFF
#66FFCC
#66FFCC
#CCFFCC
#CCFFCC
Slate
11Gray
11Zinc
11Neutral
11Stone
11Red
11Orange
11Amber
11Yellow
11Lime
11Green
11Emerald
11Teal
11Cyan
11Sky
11Blue
11Indigo
11Violet
11Purple
11Fuchsia
11Pink
11Rose
11System
tailwind
Family
Teal
HEX
#99F6E4
How to use this color in a project
teal-200 is a light Tailwind CSS color that works well for interface accents, UI tokens and content hierarchy. This page lets you validate how the same preset behaves in HEX, RGB, HSL, LAB and OKLCH before pushing it into a design system or production stylesheet.
How to pair it in UI
Do not evaluate teal-200 in isolation: compare it with adjacent shades from the same Teal family and check contrast on light and dark surfaces. Lighter steps are usually better for backgrounds, balanced ones for buttons, and deeper ones for text or icon emphasis.
What to verify before export
A practical workflow is to start from HEX #99F6E4, then verify CMYK and LAB for print-sensitive assets and OKLCH for more consistent UI tuning. That reduces handoff friction between design files, CSS variables and exported PDFs or presentations.
Related shades from the palette
Jump to nearby colors to compare contrast, intensity and code values.