Color Converter

Convert colors between HEX, RGB, HSL, HSB and CMYK formats instantly.

Pick a Color

Color Formats

HEX

#1F6B57

HEX8 (with alpha)

#1F6B57FF

RGB

rgb(31, 107, 87)

RGB Values

31, 107, 87

HSL

hsl(161, 55%, 27%)

HSL Values

161deg, 55%, 27%

HSB / HSV

hsb(161, 71%, 42%)

CMYK

cmyk(71%, 0%, 19%, 58%)

CSS Variable

--color: #1F6B57;

RGB Decimal (0-1)

0.122, 0.420, 0.341

Convert from Any Format

%
%
%
%
%
%

Color Palette

Tints

--
--
--
--
--

Shades

--
--
--
--
--

Complementary

--

Analogous

--
--

Triadic

--
--

Common CSS Colors

red
orange
yellow
green
blue
purple
pink
brown
gray
black
white
cyan
magenta
lime
navy
teal
maroon
olive
silver
gold
coral
salmon
turquoise
violet
indigo
crimson
darkgreen
skyblue

Contrast Checker

#FFFFFF
#1F6B57
--

Contrast Ratio

AA Normal text (4.5:1) --
AA Large text (3:1) --
AAA Normal text (7:1) --
AAA Large text (4.5:1) --

The quick brown fox

The quick brown fox

Color Format Guide

HEX

Hexadecimal color codes use base-16 numbers. Each pair represents Red, Green, Blue values from 00 to FF.

RGB

RGB defines colors using Red, Green, Blue values from 0 to 255. The most common format for screens.

HSL

HSL uses Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%). Intuitive for design adjustments.

HSB / HSV

HSB uses Hue, Saturation, and Brightness (Value) instead of Lightness. Common in design tools like Photoshop.

CMYK

CMYK is used in printing. Cyan, Magenta, Yellow, and Key (Black) values from 0 to 100%.

All color conversions happen locally in your browser. No data is sent to any server.