ColorPal

Dribbble Brand Color

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

Dribbble Color Values

HEX

#EA4C89

RGB

234, 76, 137

HSL

337, 79%, 61%

Dribbble Tints & Shades

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

Tint 50%

#FCE8F0

Tint 40%

#F9C8DB

Tint 30%

#F5A8C6

Tint 20%

#F28DB3

Tint 10%

#EE6D9E

Base

#EA4C89

Shade 10%

#E51F6B

Shade 20%

#BB1655

Shade 30%

#8D1140

Shade 40%

#5B0B2A

Shade 50%

#2E0515

Contrast & Accessibility

White Text

Contrast ratio: 3.56:1

AA: FailAAA: FailAA Large: PassAAA Large: Fail
Black Text

Contrast ratio: 5.89:1

AA: PassAAA: FailAA Large: PassAAA Large: Pass

Frequently Asked Questions

What is the official Dribbble color?

The official Dribbble brand color is #EA4C89. In RGB this is rgb(234, 76, 137), and in HSL it is hsl(337, 79%, 61%).

What is the Dribbble hex code?

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

Is the Dribbble color accessible?

Against white, the Dribbble color has a contrast ratio of 3.56:1 (fails WCAG AA). Against black, it has 5.89:1 (passes WCAG AA). Black text on this color is accessible.

Related Resources