TypeScript Brand Color
The official TypeScript brand color is #3178C6. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
TypeScript Color Values
HEX
#3178C6
RGB
49, 120, 198
HSL
211, 60%, 48%
TypeScript Tints & Shades
A range of lighter tints and darker shades derived from the TypeScript base color.
Tint 50%
#EBF2FA
Tint 40%
#C6DBF1
Tint 30%
#9DC1E7
Tint 20%
#78A9DD
Tint 10%
#508FD3
Base
#3178C6
Shade 10%
#2964A3
Shade 20%
#215083
Shade 30%
#183C62
Shade 40%
#102841
Shade 50%
#081421
Contrast & Accessibility
Contrast ratio: 4.53:1
Contrast ratio: 4.63:1
Frequently Asked Questions
What is the official TypeScript color?▾
The official TypeScript brand color is #3178C6. In RGB this is rgb(49, 120, 198), and in HSL it is hsl(211, 60%, 48%).
What is the TypeScript hex code?▾
The TypeScript hex color code is #3178C6. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the TypeScript color accessible?▾
Against white, the TypeScript color has a contrast ratio of 4.53:1 (passes WCAG AA). Against black, it has 4.63:1 (passes WCAG AA). White text on this color is accessible.