ColorPal

npm Brand Color

The official npm brand color is #CB3837. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.

npm Color Values

HEX

#CB3837

RGB

203, 56, 55

HSL

0, 59%, 51%

npm Tints & Shades

A range of lighter tints and darker shades derived from the npm base color.

Tint 50%

#FAEBEB

Tint 40%

#F0C6C6

Tint 30%

#E7A2A2

Tint 20%

#DF8181

Tint 10%

#D55D5D

Base

#CB3837

Shade 10%

#AE2D2D

Shade 20%

#8A2424

Shade 30%

#691B1B

Shade 40%

#451212

Shade 50%

#240909

Contrast & Accessibility

White Text

Contrast ratio: 5.05:1

AA: PassAAA: FailAA Large: PassAAA Large: Pass
Black Text

Contrast ratio: 4.16:1

AA: FailAAA: FailAA Large: PassAAA Large: Fail

Frequently Asked Questions

What is the official npm color?

The official npm brand color is #CB3837. In RGB this is rgb(203, 56, 55), and in HSL it is hsl(0, 59%, 51%).

What is the npm hex code?

The npm hex color code is #CB3837. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.

Is the npm color accessible?

Against white, the npm color has a contrast ratio of 5.05:1 (passes WCAG AA). Against black, it has 4.16:1 (fails WCAG AA). White text on this color is accessible.

Related Resources