HEX#2a78d6
RGBrgb(42, 120, 214)
HSLhsl(213, 68%, 50%)
OKLCHoklch(0.575 0.163 255.5)
More formats
HWBhwb(213 16% 16%)
LABlab(49.56 2.43 -56.06)
LCHlch(49.56 56.12 272.5)
OKLABoklab(0.575 -0.041 -0.157)
P3color(display-p3 0.2537 0.4642 0.8131)
CMYKcmyk(80%, 44%, 0%, 16%)
Nearest CSS name
royalblue
closest · #4169e1
Nearest Tailwind
sky-600
closest · #0084d1
Code for Android, Swift and CSS
CSS variable--brand: #2a78d6;
Android XML<color name="brand">#FF2A78D6</color>
Jetpack ComposeColor(0xFF2A78D6)
Swift (UIKit)UIColor(red: 0.165, green: 0.471, blue: 0.839, alpha: 1)
SwiftUIColor(red: 0.165, green: 0.471, blue: 0.839)
Hue213°
Saturation68%
Lightness50%
Alpha100%
On whiteFail
4.41:1
On blackAA
4.75:1

Need a pair that passes? Open this color in the contrast checker.

Shades & harmonies

Tints & shades

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Pick from an image

or drop or paste one (Ctrl+V). Nothing is uploaded.
  • 100% Free
  • No Sign-Up
  • No Credit Card
  • No Free Trial
  • No Pro Tier
  • No Watermarks

Nothing is uploaded. Just open it and start.

The all-in-one color tool for developers

Free, no sign-up, nothing uploaded. Convert between HEX, RGB, HSL and OKLCH, generate palettes, check WCAG contrast, and pull a color from an image — everything runs in your browser.

Pick & convert

HEX, RGB, HSL and OKLCH side by side, plus Lab, P3, CMYK and code snippets — or use the eyedropper.

Check contrast

Live WCAG AA/AAA ratios and APCA, with the nearest passing colors when a pair fails.

Build palettes

Even OKLCH scales with token export, five hue harmonies, and gradients.

Private & client-side

No sign-up, nothing uploaded. Every color stays in your browser.

Color converters

HEX → RGBRGB → HEXHEX → HSLHSL → HEXRGB → HSLHSL → RGBHEX → OKLCHOKLCH → HEX

More color tools

Contrast CheckerPalette GeneratorImage Color Picker

Related tools

CSS Generators

Generate CSS gradients, box-shadows, glassmorphism, border-radius, text-shadows and cubic-bezier easing — with a live preview, in your browser.

Color Blindness Simulator

See images, palettes and your camera through 5 colour-blindness types. Compare, check colour pairs and contrast, save full-size PNGs.

Image Editor

Resize, crop, rotate, compress, and convert images — entirely in your browser.

Mermaid Studio

Write Mermaid diagrams, preview live, export PNG/SVG/PDF, and share with a link.

Frequently asked questions

What can this color tool do?
Pick a color and read it as HEX, RGB, HSL and OKLCH at once (plus HWB, Lab, LCH, OKLab, Display P3 and CMYK), copy any format or ready-made Android, Swift and CSS code, see the nearest CSS name and Tailwind class, drag sliders, generate tints, shades, harmonies and an even OKLCH scale, check WCAG contrast, and pick colors from an image — all on one page.
Which color formats are supported?
HEX (including 4- and 8-digit alpha), RGB/RGBA, HSL/HSLA, HWB, Lab, LCH, OKLab, OKLCH, color(srgb …) and color(display-p3 …), and CSS color names like rebeccapurple. Paste any of them into the color field and the rest are computed instantly. Colors outside the sRGB screen range are mapped to the nearest one that fits, and you are told when that happens.
What is OKLCH and why include it?
OKLCH is a modern, perceptually-uniform color space — lightness, chroma and hue — where equal numeric changes look like equal visual changes. It's increasingly used in CSS for palettes that stay even and accessible, so the converter treats it as a first-class format.
Can I share or save a color?
The address holds the color (for example /color?c=2a78d6), so a bookmark or a link reopens it. You can also save colors and see your recent ones; those lists are kept in this browser only and are never sent anywhere.
Is anything uploaded?
No. Everything runs in your browser with JavaScript — colors and any image you pick from never leave your device. It's free with no sign-up.

Spotted a bug or have a suggestion?

Found something broken, have an idea, or just want to say thanks about any of our tools? Every message reaches a real person.