React Brand Color
The official React brand color is #61DAFB. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
React Color Values
HEX
#61DAFB
RGB
97, 218, 251
HSL
193, 95%, 68%
React Tints & Shades
A range of lighter tints and darker shades derived from the React base color.
Tint 50%
#E6F9FE
Tint 40%
#CDF3FE
Tint 30%
#AFECFD
Tint 20%
#97E6FC
Tint 10%
#79DFFC
Base
#61DAFB
Shade 10%
#29CCFA
Shade 20%
#06B1E0
Shade 30%
#0485A9
Shade 40%
#035A72
Shade 50%
#012B37
Contrast & Accessibility
Contrast ratio: 1.62:1
Contrast ratio: 12.93:1
Frequently Asked Questions
What is the official React color?▾
The official React brand color is #61DAFB. In RGB this is rgb(97, 218, 251), and in HSL it is hsl(193, 95%, 68%).
What is the React hex code?▾
The React hex color code is #61DAFB. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the React color accessible?▾
Against white, the React color has a contrast ratio of 1.62:1 (fails WCAG AA). Against black, it has 12.93:1 (passes WCAG AA). Black text on this color is accessible.