New: API packages available

Our new API now gives you even more control over color conversion - perfect for web projects, plugins, internal tools or SaaS applications.
Create multiple API keys, manage your monthly token quota and flexibly integrate qConv into your applications.

Up to 2025-08-15: Introductory prices on all packages!

VIEW NOW X

CSS Gradients:
CMYK 64 / 32 / 0 / 8

Information

close all

2-color gradients - Complementary color

We suggest CSS gradients from two color tones such as the base color and the complementary color.

Find examples of linear and radial color transitions.

Easy for web design: Copy the CSS code for easy integration on your website.

2-color gradients - Lighter colors

Get CSS gradients from two color tones like the base color and a lighter shade.

Find examples of linear and radial color transitions from Lighter colors.

Simple for web design: Copy the CSS code for easy integration on your website

2-color gradients - Darker colors

Let us suggest CSS gradients from two shades like the base color and a darker shade.

Find examples of linear and radial color transitions of Darker colors.

Easy for Web Design: Copy the CSS code for easy integration on your website.

Display options

Description

Bright color: high color values create a bright impression.

The breakdown of the color into the RGB color system: of 255 maximum color components, 84 red, 160 green and 235 blue.

The mixing ratio of these colors results in the displayed hue in the middle of the overlaps.

In the illustration you can see how the color is composed of the three components: red (top),green (bottom right) and blue (bottom left). In the middle you can see the result color.

In the CMYK color system the color is composed as follows: In this color tone, out of 100 maximum color components, 64 cyan, 32 magenta, none yellow and 8 key.

The mixing ratio of these colors results in the displayed hue in the middle of the overlaps.

In the diagram you can see how the color is composed of the four components cyan (top left),magenta (top right),yellow (bottom right) and black or key (bottom left). In the middle you can see the result color.

Verification of their color palette as a manufacturer!

Provide designers and agencies with accurate color values.

Let's go

2-color gradients of CMYK 64 / 32 / 0 / 8 - Complementary color

Lineal

HEX #54A0EB to HEX #AB5F14

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 11%, #AB5F14 93%);

Radial

HEX #54A0EB to HEX #AB5F14

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 8%, #AB5F14 88%);

HEX #AB5F14 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #AB5F14 9%, #54A0EB 86%);

HEX #AB5F14 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #AB5F14 4%, #54A0EB 88%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Lighter colors

Lineal

HEX #54A0EB to HEX #56CAEB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 2%, #56CAEB 96%);

Radial

HEX #54A0EB to HEX #56CAEB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 12%, #56CAEB 95%);

HEX #56CAEB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #56CAEB 7%, #54A0EB 97%);

HEX #56CAEB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #56CAEB 12%, #54A0EB 89%);

HEX #54A0EB to HEX #56A3EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 3%, #56A3EB 92%);

HEX #54A0EB to HEX #56A3EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 10%, #56A3EB 94%);

HEX #56A3EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #56A3EB 4%, #54A0EB 93%);

HEX #56A3EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #56A3EB 0%, #54A0EB 93%);

HEX #54A0EB to HEX #567BEB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 10%, #567BEB 90%);

HEX #54A0EB to HEX #567BEB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 5%, #567BEB 89%);

HEX #567BEB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #567BEB 1%, #54A0EB 97%);

HEX #567BEB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #567BEB 7%, #54A0EB 89%);

HEX #54A0EB to HEX #5856EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 2%, #5856EB 96%);

HEX #54A0EB to HEX #5856EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 7%, #5856EB 100%);

HEX #5856EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #5856EB 12%, #54A0EB 96%);

HEX #5856EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #5856EB 3%, #54A0EB 90%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Darker colors

Lineal

HEX #54A0EB to HEX #318CE6

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 0%, #318CE6 95%);

Radial

HEX #54A0EB to HEX #318CE6

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 13%, #318CE6 96%);

HEX #318CE6 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #318CE6 13%, #54A0EB 97%);

HEX #318CE6 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #318CE6 10%, #54A0EB 89%);

HEX #54A0EB to HEX #56A1EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 6%, #56A1EB 89%);

HEX #54A0EB to HEX #56A1EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 13%, #56A1EB 96%);

HEX #56A1EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #56A1EB 11%, #54A0EB 94%);

HEX #56A1EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #56A1EB 7%, #54A0EB 90%);

HEX #54A0EB to HEX #7BB5EF

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 9%, #7BB5EF 97%);

HEX #54A0EB to HEX #7BB5EF

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 13%, #7BB5EF 99%);

HEX #7BB5EF to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #7BB5EF 1%, #54A0EB 89%);

HEX #7BB5EF to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #7BB5EF 12%, #54A0EB 88%);

HEX #54A0EB to HEX #9FCAF3

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 6%, #9FCAF3 86%);

HEX #54A0EB to HEX #9FCAF3

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 8%, #9FCAF3 99%);

HEX #9FCAF3 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #9FCAF3 13%, #54A0EB 96%);

HEX #9FCAF3 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #9FCAF3 11%, #54A0EB 100%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Analogue colors

Lineal

HEX #54A0EB to HEX #56CAEB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 5%, #56CAEB 100%);

Radial

HEX #54A0EB to HEX #56CAEB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 3%, #56CAEB 87%);

HEX #56CAEB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #56CAEB 5%, #54A0EB 96%);

HEX #56CAEB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #56CAEB 14%, #54A0EB 90%);

HEX #54A0EB to HEX #56A3EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 5%, #56A3EB 94%);

HEX #54A0EB to HEX #56A3EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 5%, #56A3EB 86%);

HEX #56A3EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #56A3EB 10%, #54A0EB 98%);

HEX #56A3EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #56A3EB 3%, #54A0EB 92%);

HEX #54A0EB to HEX #567BEB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 1%, #567BEB 90%);

HEX #54A0EB to HEX #567BEB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 4%, #567BEB 95%);

HEX #567BEB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #567BEB 1%, #54A0EB 90%);

HEX #567BEB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #567BEB 4%, #54A0EB 96%);

HEX #54A0EB to HEX #5856EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 10%, #5856EB 86%);

HEX #54A0EB to HEX #5856EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 5%, #5856EB 91%);

HEX #5856EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #5856EB 5%, #54A0EB 100%);

HEX #5856EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #5856EB 9%, #54A0EB 96%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Monochromatic colors

Lineal

HEX #54A0EB to HEX #318CE6

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 14%, #318CE6 93%);

Radial

HEX #54A0EB to HEX #318CE6

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 5%, #318CE6 91%);

HEX #318CE6 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #318CE6 3%, #54A0EB 95%);

HEX #318CE6 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #318CE6 2%, #54A0EB 86%);

HEX #54A0EB to HEX #56A1EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 14%, #56A1EB 87%);

HEX #54A0EB to HEX #56A1EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 2%, #56A1EB 96%);

HEX #56A1EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #56A1EB 11%, #54A0EB 86%);

HEX #56A1EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #56A1EB 3%, #54A0EB 93%);

HEX #54A0EB to HEX #7BB5EF

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 14%, #7BB5EF 91%);

HEX #54A0EB to HEX #7BB5EF

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 4%, #7BB5EF 93%);

HEX #7BB5EF to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #7BB5EF 8%, #54A0EB 91%);

HEX #7BB5EF to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #7BB5EF 11%, #54A0EB 86%);

HEX #54A0EB to HEX #9FCAF3

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 4%, #9FCAF3 99%);

HEX #54A0EB to HEX #9FCAF3

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 9%, #9FCAF3 90%);

HEX #9FCAF3 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #9FCAF3 7%, #54A0EB 97%);

HEX #9FCAF3 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #9FCAF3 3%, #54A0EB 98%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Partial complementary colors

Lineal

HEX #54A0EB to HEX #BB56EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 13%, #BB56EB 94%);

Radial

HEX #54A0EB to HEX #BB56EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 0%, #BB56EB 93%);

HEX #BB56EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #BB56EB 1%, #54A0EB 90%);

HEX #BB56EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #BB56EB 0%, #54A0EB 94%);

HEX #54A0EB to HEX #DEEB56

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 0%, #DEEB56 87%);

HEX #54A0EB to HEX #DEEB56

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 14%, #DEEB56 99%);

HEX #DEEB56 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #DEEB56 9%, #54A0EB 86%);

HEX #DEEB56 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #DEEB56 2%, #54A0EB 87%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Triadic colors

Lineal

HEX #54A0EB to HEX #EB56A3

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 7%, #EB56A3 87%);

Radial

HEX #54A0EB to HEX #EB56A3

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 6%, #EB56A3 95%);

HEX #EB56A3 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #EB56A3 9%, #54A0EB 100%);

HEX #EB56A3 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #EB56A3 7%, #54A0EB 99%);

HEX #54A0EB to HEX #A3EB56

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 11%, #A3EB56 89%);

HEX #54A0EB to HEX #A3EB56

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 9%, #A3EB56 92%);

HEX #A3EB56 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #A3EB56 7%, #54A0EB 86%);

HEX #A3EB56 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #A3EB56 1%, #54A0EB 87%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Rectangular (tetradic) colors

Lineal

HEX #54A0EB to HEX #BB56EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 13%, #BB56EB 93%);

Radial

HEX #54A0EB to HEX #BB56EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 6%, #BB56EB 89%);

HEX #BB56EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #BB56EB 1%, #54A0EB 91%);

HEX #BB56EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #BB56EB 4%, #54A0EB 93%);

HEX #54A0EB to HEX #EB9E56

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 10%, #EB9E56 98%);

HEX #54A0EB to HEX #EB9E56

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 0%, #EB9E56 93%);

HEX #EB9E56 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #EB9E56 2%, #54A0EB 95%);

HEX #EB9E56 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #EB9E56 9%, #54A0EB 94%);

HEX #54A0EB to HEX #85EB56

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 10%, #85EB56 93%);

HEX #54A0EB to HEX #85EB56

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 11%, #85EB56 96%);

HEX #85EB56 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #85EB56 5%, #54A0EB 97%);

HEX #85EB56 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #85EB56 14%, #54A0EB 87%);

2-color gradients of CMYK 64 / 32 / 0 / 8 - Square colors

Lineal

HEX #54A0EB to HEX #E856EB

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 10%, #E856EB 91%);

Radial

HEX #54A0EB to HEX #E856EB

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 1%, #E856EB 97%);

HEX #E856EB to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #E856EB 6%, #54A0EB 98%);

HEX #E856EB to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #E856EB 7%, #54A0EB 89%);

HEX #54A0EB to HEX #EB9E56

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 6%, #EB9E56 95%);

HEX #54A0EB to HEX #EB9E56

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 4%, #EB9E56 92%);

HEX #EB9E56 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #EB9E56 1%, #54A0EB 95%);

HEX #EB9E56 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #EB9E56 0%, #54A0EB 94%);

HEX #54A0EB to HEX #58EB56

CSS-Code:

background-image: linear-gradient(135deg, #54A0EB 6%, #58EB56 91%);

HEX #54A0EB to HEX #58EB56

CSS-Code:

background-image: radial-gradient(circle, #54A0EB 11%, #58EB56 94%);

HEX #58EB56 to HEX #54A0EB

CSS-Code:

background-image: linear-gradient(135deg, #58EB56 1%, #54A0EB 89%);

HEX #58EB56 to HEX #54A0EB

CSS-Code:

background-image: radial-gradient(circle, #58EB56 10%, #54A0EB 98%);

Show more color palettes

Services

Colors

RGB to HEX

convert from RGB red green blue to #RRGGBB

RGB to CMYK

convert from RGB red green blue to CMYK cyan / magenta / yellow / black

RGB to RAL®

convert from RGB red green blue to RAL®-number (RAL 0000)

RGB to HKS®

convert from RGB red green blue to HKS®-number (HKS 00)

RGB to PANTONE®

convert from RGB red green blue to Pantone®-number (Pantone 0000)

RGB to Sherwin Williams®

convert from RGB red green blue to Sherwin Williams®-number (SW 0000)

RGB to NCS®

convert from RGB red green blue to NCS-number (S0000-X00X)

RGBA to HEX

convert from RGBA red green blue transparency to #RRGGBB

RGBA to CMYK

convert from RGBA red green blue transparency to CMYK cyan / magenta / yellow / black

RGBA to RAL®

convert from RGBA red green blue transparency to RAL®-number (RAL 0000)

RGBA to HKS®

convert from RGBA red green blue transparency to HKS®-number (HKS 00)

RGBA to PANTONE®

convert from RGBA red green blue transparency to Pantone®-number (Pantone 0000)

RGBA to Sherwin Williams®

convert from RGBA red green blue transparency to Sherwin Williams®-number (SW 0000)

RGBA to NCS®

convert from RGBA red green blue transparency to NCS-number (S0000-X00X)

CMYK to HEX

convert from CMYK cyan / magenta / yellow / black to #RRGGBB

CMYK to RGB

convert from CMYK cyan / magenta / yellow / black to RGB red green blue

CMYK to RGBA

convert from CMYK cyan / magenta / yellow / black to RGBA red green blue transparency

CMYK to RAL®

convert from CMYK cyan / magenta / yellow / black to RAL®-number (RAL 0000)

CMYK to HKS®

convert from CMYK cyan / magenta / yellow / black to HKS®-number (HKS 00)

CMYK to PANTONE®

convert from CMYK cyan / magenta / yellow / black to Pantone®-number (Pantone 0000)

CMYK to Sherwin Williams®

convert from CMYK cyan / magenta / yellow / black to Sherwin Williams®-number (SW 0000)

CMYK to NCS®

convert from CMYK cyan / magenta / yellow / black to NCS-number (S0000-X00X)

HEX to RGB

convert from #RRGGBB to RGB red green blue

HEX to RGBA

convert from #RRGGBB to RGBA red green blue transparency

HEX to CMYK

convert from #RRGGBB to CMYK cyan / magenta / yellow / black

HEX to RAL®

convert from #RRGGBB to RAL®-number (RAL 0000)

HEX to HKS®

convert from #RRGGBB to HKS®-number (HKS 00)

HEX to PANTONE®

convert from #RRGGBB to Pantone®-number (Pantone 0000)

HEX to Sherwin Williams®

convert from #RRGGBB to Sherwin Williams®-number (SW 0000)

HEX to NCS®

convert from #RRGGBB to NCS-number (S0000-X00X)

RAL® to RGB

convert from RAL®-number (RAL 0000) to RGB red green blue

RAL® to RGBA

convert from RAL®-number (RAL 0000) to RGBA red green blue transparency

RAL® to CMYK

convert from RAL®-number (RAL 0000) to CMYK cyan / magenta / yellow / black

RAL® to HEX

convert from RAL®-number (RAL 0000) to #RRGGBB

RAL® to HKS®

convert from RAL®-number (RAL 0000) to HKS®-number (HKS 00)

RAL® to PANTONE®

convert from RAL®-number (RAL 0000) to Pantone®-number (Pantone 0000)

RAL® to Sherwin Williams®

convert from RAL®-number (RAL 0000) to Sherwin Williams®-number (SW 0000)

RAL® to NCS®

convert from RAL®-number (RAL 0000) to NCS-number (S0000-X00X)

HKS® to RGB

convert from HKS®-number (HKS 00) to RGB red green blue

HKS® to RGBA

convert from HKS®-number (HKS 00) to RGBA red green blue transparency

HKS® to CMYK

convert from HKS®-number (HKS 00) to CMYK cyan / magenta / yellow / black

HKS® to HEX

convert from HKS®-number (HKS 00) to #RRGGBB

HKS® to RAL®

convert from HKS®-number (HKS 00) to RAL®-number (RAL 0000)

HKS® to PANTONE®

convert from HKS®-number (HKS 00) to Pantone®-number (Pantone 0000)

HKS® to Sherwin Williams®

convert from HKS®-number (HKS 00) to Sherwin Williams®-number (SW 0000)

HKS® to NCS®

convert from HKS®-number (HKS 00) to NCS-number (S0000-X00X)

PANTONE® to RGB

convert from Pantone®-number (Pantone 0000) to RGB red green blue

PANTONE® to RGBA

convert from Pantone®-number (Pantone 0000) to RGBA red green blue transparency

PANTONE® to CMYK

convert from Pantone®-number (Pantone 0000) to CMYK cyan / magenta / yellow / black

PANTONE® to HEX

convert from Pantone®-number (Pantone 0000) to #RRGGBB

PANTONE® to RAL®

convert from Pantone®-number (Pantone 0000) to RAL®-number (RAL 0000)

PANTONE® to HKS®

convert from Pantone®-number (Pantone 0000) to HKS®-number (HKS 00)

PANTONE® to Sherwin Williams®

convert from Pantone®-number (Pantone 0000) to Sherwin Williams®-number (SW 0000)

PANTONE® to NCS®

convert from Pantone®-number (Pantone 0000) to NCS-number (S0000-X00X)

Sherwin Williams® to RGB

convert from Sherwin Williams®-number (SW 0000) to RGB red green blue

Sherwin Williams® to RGBA

convert from Sherwin Williams®-number (SW 0000) to RGBA red green blue transparency

Sherwin Williams® to CMYK

convert from Sherwin Williams®-number (SW 0000) to CMYK cyan / magenta / yellow / black

Sherwin Williams® to HEX

convert from Sherwin Williams®-number (SW 0000) to #RRGGBB

Sherwin Williams® to RAL®

convert from Sherwin Williams®-number (SW 0000) to RAL®-number (RAL 0000)

Sherwin Williams® to HKS®

convert from Sherwin Williams®-number (SW 0000) to HKS®-number (HKS 00)

Sherwin Williams® to PANTONE®

convert from Sherwin Williams®-number (SW 0000) to Pantone®-number (Pantone 0000)

Sherwin Williams® to NCS®

convert from Sherwin Williams®-number (SW 0000) to NCS-number (S0000-X00X)

NCS® to RGB

convert from NCS-number (S0000-X00X) to RGB red green blue

NCS® to RGBA

convert from NCS-number (S0000-X00X) to RGBA red green blue transparency

NCS® to CMYK

convert from NCS-number (S0000-X00X) to CMYK cyan / magenta / yellow / black

NCS® to HEX

convert from NCS-number (S0000-X00X) to #RRGGBB

NCS® to RAL®

convert from NCS-number (S0000-X00X) to RAL®-number (RAL 0000)

NCS® to HKS®

convert from NCS-number (S0000-X00X) to HKS®-number (HKS 00)

NCS® to PANTONE®

convert from NCS-number (S0000-X00X) to Pantone®-number (Pantone 0000)

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Public

Color palette shared
Please copy and save the link you want.

Share

View

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette

Close

Create a color palette

DownloadDownload in different formats

By clicking you can create palettes and download the color swatches.