Tumblr Brand Color
The official Tumblr brand color is #34465D. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Tumblr Color Values
HEX
#34465D
RGB
52, 70, 93
HSL
214, 28%, 28%
Tumblr Tints & Shades
A range of lighter tints and darker shades derived from the Tumblr base color.
Tint 50%
#EFF2F6
Tint 40%
#C4CFDE
Tint 30%
#97AAC4
Tint 20%
#6C88AC
Tint 10%
#4B6586
Base
#34465D
Shade 10%
#2A384B
Shade 20%
#232F3E
Shade 30%
#1A222E
Shade 40%
#11161D
Shade 50%
#090C10
Contrast & Accessibility
Contrast ratio: 9.63:1
Contrast ratio: 2.18:1
Frequently Asked Questions
What is the official Tumblr color?▾
The official Tumblr brand color is #34465D. In RGB this is rgb(52, 70, 93), and in HSL it is hsl(214, 28%, 28%).
What is the Tumblr hex code?▾
The Tumblr hex color code is #34465D. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Tumblr color accessible?▾
Against white, the Tumblr color has a contrast ratio of 9.63:1 (passes WCAG AA). Against black, it has 2.18:1 (fails WCAG AA). White text on this color is accessible.