Flutter Brand Color
The official Flutter brand color is #02569B. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Flutter Color Values
HEX
#02569B
RGB
2, 86, 155
HSL
207, 97%, 31%
Flutter Tints & Shades
A range of lighter tints and darker shades derived from the Flutter base color.
Tint 50%
#E6F3FF
Tint 40%
#A5D6FE
Tint 30%
#63B8FD
Tint 20%
#279CFC
Tint 10%
#037BDD
Base
#02569B
Shade 10%
#024983
Shade 20%
#023B69
Shade 30%
#012D50
Shade 40%
#011C32
Shade 50%
#000E19
Contrast & Accessibility
Contrast ratio: 7.48:1
Contrast ratio: 2.81:1
Frequently Asked Questions
What is the official Flutter color?▾
The official Flutter brand color is #02569B. In RGB this is rgb(2, 86, 155), and in HSL it is hsl(207, 97%, 31%).
What is the Flutter hex code?▾
The Flutter hex color code is #02569B. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Flutter color accessible?▾
Against white, the Flutter color has a contrast ratio of 7.48:1 (passes WCAG AA). Against black, it has 2.81:1 (fails WCAG AA). White text on this color is accessible.