Dear color lovers – together, we’ll have a more colorful future. Support us on

✕
error rgb: 172_254.6_234.6

CSS Gradients:
RGB 172 254.6 234.6

Information

close all

Let CSS suggest color gradients from two hues such as the base hue 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.

Let CSS suggest color gradients from two hues such as the base hue and a lighter hue.

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.

Let CSS suggest color gradients from two hues such as the base hue and a darker hue.

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

Simple 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, 172 red, 254.6 green and 234.6 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.
172 254.6 234.6 R G B
In the CMYK color system the color is composed as follows: In this color tone, out of 100 maximum color components, 32 cyan, none magenta, 8 yellow and none 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.
32% 0% 8% 0% C M Y K

Verification of their color palette as a manufacturer!

Provide designers and agencies with accurate color values.

Let's go

Lineal

HEX #ACFEEA to HEX #530014


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 10%, #530014 92%);

Radial

HEX #ACFEEA to HEX #530014


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 6%, #530014 87%);

 

HEX #530014 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #530014 10%, #ACFEEA 100%);

 

HEX #530014 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #530014 8%, #ACFEEA 86%);

Lineal

HEX #ACFEEA to HEX #AEFFD5


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 7%, #AEFFD5 86%);

Radial

HEX #ACFEEA to HEX #AEFFD5


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 3%, #AEFFD5 98%);

 

HEX #AEFFD5 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFFD5 1%, #ACFEEA 90%);

 

HEX #AEFFD5 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFFD5 0%, #ACFEEA 89%);

 

HEX #ACFEEA to HEX #AEFFEA


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 14%, #AEFFEA 88%);

 

HEX #ACFEEA to HEX #AEFFEA


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 2%, #AEFFEA 97%);

 

HEX #AEFFEA to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFFEA 1%, #ACFEEA 93%);

 

HEX #AEFFEA to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFFEA 4%, #ACFEEA 91%);

 

HEX #ACFEEA to HEX #AEFDFF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #AEFDFF 89%);

 

HEX #ACFEEA to HEX #AEFDFF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 5%, #AEFDFF 90%);

 

HEX #AEFDFF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFDFF 13%, #ACFEEA 92%);

 

HEX #AEFDFF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFDFF 14%, #ACFEEA 90%);

 

HEX #ACFEEA to HEX #AEE8FF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 12%, #AEE8FF 98%);

 

HEX #ACFEEA to HEX #AEE8FF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 10%, #AEE8FF 94%);

 

HEX #AEE8FF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEE8FF 8%, #ACFEEA 90%);

 

HEX #AEE8FF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEE8FF 7%, #ACFEEA 96%);

Lineal

HEX #ACFEEA to HEX #85FEE1


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 11%, #85FEE1 89%);

Radial

HEX #ACFEEA to HEX #85FEE1


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 2%, #85FEE1 86%);

 

HEX #85FEE1 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #85FEE1 7%, #ACFEEA 97%);

 

HEX #85FEE1 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #85FEE1 5%, #ACFEEA 99%);

 

HEX #ACFEEA to HEX #AEFFEB


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 9%, #AEFFEB 100%);

 

HEX #ACFEEA to HEX #AEFFEB


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 11%, #AEFFEB 99%);

 

HEX #AEFFEB to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFFEB 9%, #ACFEEA 87%);

 

HEX #AEFFEB to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFFEB 8%, #ACFEEA 92%);

 

HEX #ACFEEA to HEX #D7FFF5


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 1%, #D7FFF5 93%);

 

HEX #ACFEEA to HEX #D7FFF5


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 12%, #D7FFF5 94%);

 

HEX #D7FFF5 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #D7FFF5 12%, #ACFEEA 89%);

 

HEX #D7FFF5 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #D7FFF5 7%, #ACFEEA 97%);

 

HEX #ACFEEA to HEX #FFFFFF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 13%, #FFFFFF 88%);

 

HEX #ACFEEA to HEX #FFFFFF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 9%, #FFFFFF 87%);

 

HEX #FFFFFF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFFFFF 13%, #ACFEEA 100%);

 

HEX #FFFFFF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 2%, #ACFEEA 97%);

Lineal

HEX #ACFEEA to HEX #AEFFD5


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 4%, #AEFFD5 96%);

Radial

HEX #ACFEEA to HEX #AEFFD5


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 6%, #AEFFD5 99%);

 

HEX #AEFFD5 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFFD5 1%, #ACFEEA 97%);

 

HEX #AEFFD5 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFFD5 9%, #ACFEEA 91%);

 

HEX #ACFEEA to HEX #AEFFEA


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 6%, #AEFFEA 99%);

 

HEX #ACFEEA to HEX #AEFFEA


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 6%, #AEFFEA 97%);

 

HEX #AEFFEA to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFFEA 0%, #ACFEEA 95%);

 

HEX #AEFFEA to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFFEA 11%, #ACFEEA 90%);

 

HEX #ACFEEA to HEX #AEFDFF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 7%, #AEFDFF 92%);

 

HEX #ACFEEA to HEX #AEFDFF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 10%, #AEFDFF 87%);

 

HEX #AEFDFF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFDFF 8%, #ACFEEA 90%);

 

HEX #AEFDFF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFDFF 4%, #ACFEEA 96%);

 

HEX #ACFEEA to HEX #AEE8FF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #AEE8FF 97%);

 

HEX #ACFEEA to HEX #AEE8FF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 13%, #AEE8FF 97%);

 

HEX #AEE8FF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEE8FF 11%, #ACFEEA 91%);

 

HEX #AEE8FF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEE8FF 11%, #ACFEEA 99%);

Lineal

HEX #ACFEEA to HEX #85FEE1


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 7%, #85FEE1 97%);

Radial

HEX #ACFEEA to HEX #85FEE1


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 4%, #85FEE1 98%);

 

HEX #85FEE1 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #85FEE1 13%, #ACFEEA 86%);

 

HEX #85FEE1 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #85FEE1 0%, #ACFEEA 99%);

 

HEX #ACFEEA to HEX #AEFFEB


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 13%, #AEFFEB 96%);

 

HEX #ACFEEA to HEX #AEFFEB


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 4%, #AEFFEB 98%);

 

HEX #AEFFEB to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEFFEB 9%, #ACFEEA 90%);

 

HEX #AEFFEB to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEFFEB 10%, #ACFEEA 96%);

 

HEX #ACFEEA to HEX #D7FFF5


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 10%, #D7FFF5 93%);

 

HEX #ACFEEA to HEX #D7FFF5


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 4%, #D7FFF5 95%);

 

HEX #D7FFF5 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #D7FFF5 3%, #ACFEEA 96%);

 

HEX #D7FFF5 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #D7FFF5 3%, #ACFEEA 91%);

 

HEX #ACFEEA to HEX #FFFFFF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #FFFFFF 89%);

 

HEX #ACFEEA to HEX #FFFFFF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 10%, #FFFFFF 94%);

 

HEX #FFFFFF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFFFFF 4%, #ACFEEA 96%);

 

HEX #FFFFFF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFFFFF 14%, #ACFEEA 98%);

Lineal

HEX #ACFEEA to HEX #AEB2FF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 13%, #AEB2FF 86%);

Radial

HEX #ACFEEA to HEX #AEB2FF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 13%, #AEB2FF 100%);

 

HEX #AEB2FF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEB2FF 2%, #ACFEEA 87%);

 

HEX #AEB2FF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEB2FF 0%, #ACFEEA 91%);

 

HEX #ACFEEA to HEX #FFCAAE


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #FFCAAE 88%);

 

HEX #ACFEEA to HEX #FFCAAE


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 3%, #FFCAAE 91%);

 

HEX #FFCAAE to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFCAAE 7%, #ACFEEA 88%);

 

HEX #FFCAAE to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFCAAE 2%, #ACFEEA 88%);

Lineal

HEX #ACFEEA to HEX #EAAEFF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #EAAEFF 91%);

Radial

HEX #ACFEEA to HEX #EAAEFF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 7%, #EAAEFF 89%);

 

HEX #EAAEFF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #EAAEFF 5%, #ACFEEA 86%);

 

HEX #EAAEFF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #EAAEFF 3%, #ACFEEA 94%);

 

HEX #ACFEEA to HEX #FFEAAE


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 2%, #FFEAAE 95%);

 

HEX #ACFEEA to HEX #FFEAAE


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 4%, #FFEAAE 91%);

 

HEX #FFEAAE to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFEAAE 6%, #ACFEEA 87%);

 

HEX #FFEAAE to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFEAAE 12%, #ACFEEA 89%);

Lineal

HEX #ACFEEA to HEX #AEB2FF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #AEB2FF 92%);

Radial

HEX #ACFEEA to HEX #AEB2FF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 14%, #AEB2FF 99%);

 

HEX #AEB2FF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #AEB2FF 4%, #ACFEEA 88%);

 

HEX #AEB2FF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #AEB2FF 9%, #ACFEEA 100%);

 

HEX #ACFEEA to HEX #FFAEC2


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 10%, #FFAEC2 87%);

 

HEX #ACFEEA to HEX #FFAEC2


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 5%, #FFAEC2 97%);

 

HEX #FFAEC2 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFAEC2 2%, #ACFEEA 89%);

 

HEX #FFAEC2 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFAEC2 9%, #ACFEEA 90%);

 

HEX #ACFEEA to HEX #FFFBAE


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #FFFBAE 97%);

 

HEX #ACFEEA to HEX #FFFBAE


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 10%, #FFFBAE 96%);

 

HEX #FFFBAE to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFFBAE 6%, #ACFEEA 95%);

 

HEX #FFFBAE to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFFBAE 5%, #ACFEEA 99%);

Lineal

HEX #ACFEEA to HEX #C2AEFF


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 12%, #C2AEFF 91%);

Radial

HEX #ACFEEA to HEX #C2AEFF


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 3%, #C2AEFF 97%);

 

HEX #C2AEFF to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #C2AEFF 1%, #ACFEEA 99%);

 

HEX #C2AEFF to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #C2AEFF 0%, #ACFEEA 87%);

 

HEX #ACFEEA to HEX #FFAEC2


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 8%, #FFAEC2 96%);

 

HEX #ACFEEA to HEX #FFAEC2


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 12%, #FFAEC2 87%);

 

HEX #FFAEC2 to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #FFAEC2 13%, #ACFEEA 88%);

 

HEX #FFAEC2 to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #FFAEC2 7%, #ACFEEA 93%);

 

HEX #ACFEEA to HEX #EAFFAE


CSS-Code:

background-image: linear-gradient(135deg, #ACFEEA 12%, #EAFFAE 88%);

 

HEX #ACFEEA to HEX #EAFFAE


CSS-Code:

background-image: radial-gradient(circle, #ACFEEA 13%, #EAFFAE 95%);

 

HEX #EAFFAE to HEX #ACFEEA


CSS-Code:

background-image: linear-gradient(135deg, #EAFFAE 4%, #ACFEEA 90%);

 

HEX #EAFFAE to HEX #ACFEEA


CSS-Code:

background-image: radial-gradient(circle, #EAFFAE 7%, #ACFEEA 90%);

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo
Icons

CMYK to HEX

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

CMYK to RGB

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

CMYK to RGBA

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

CMYK to RAL®

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

CMYK to HKS®

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

CMYK to PANTONE®

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

CMYK to Sherwin Williams®

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

CMYK to NCS®

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

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo

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

Icons

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)

nsc-logo
nsc-logo

NCS® to RGB

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

NCS® to RGBA

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

NCS® to CMYK

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

Icons
nsc-logo

NCS® to HEX

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

NCS® to RAL®

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

NCS® to HKS®

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

NCS® to PANTONE®

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

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

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

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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

© 2019-2025 - Designed by frag-bobby.de