TCS Pune Web Tool

Color HEX Explorer

Check any HEX color, copy developer-ready values, generate matching palettes, and pick colors directly from an image.

HEX → RGB / HSL / HSV / CMYK Palette Generator Image Color Picker CSS / Tailwind / SCSS / LESS Color Blindness Simulation WCAG Contrast Favorite Palettes PNG / PDF / CSV Export

Current HEX #00A0E3

RGB Value -

Best Text White Text

Nearest Brand TCS Blue

History 0 Colors

Enter Hex Color

Pick Color from Image

Click on the image to pick a color

CSS Snippet

Tailwind / CSS Variables

SCSS / LESS Variables

Color Formats

HEX: -

RGB: -

HSL: -

HSV: -

CMYK: -

Color Preview

Sample Text

Unknown

#00A0E3

Element Samples

Link

Card Header

Card body with some content.

Advanced Options

Brightness 100%

Saturation 100%

Hue Rotation 0°

Triadic Colors

Analogous Colors

Monochromatic Colors

Complementary Colors

Split-Complementary Colors

Tetradic Colors

Gradient Generator

Generate a ready-to-use gradient based on the selected color and matching palette tones.

Angle 135° Second Color

Shade / Tint Generator

Generate darker shades and lighter tints from the selected base color.

Shades

Tints

Color Blindness Simulation

Preview the selected color under common color-vision deficiency simulations.

Accessible Contrast Checker (WCAG)

Check foreground and background color accessibility with WCAG contrast ratios and AA / AAA compliance.

Foreground Background

Accessible Sample Text Preview for buttons, headings and body text readability.

Contrast Ratio -

Normal Text AA -

Normal Text AAA -

Large Text AA -

Favorite Palettes

Save useful palettes in this browser and reload them later with one click.