Social MediaFounded 2006
X (Twitter) Brand Colors
X (formerly Twitter) pivoted to a bold black-and-white brand identity in 2023, signaling a new chapter.
x.com ↗Brand Palette
#000000
#FFFFFF
#1DA1F2
Primary
Background
Legacy
Color Values
X Black
Primary
- HEX
- #000000
- RGB
- rgb(0, 0, 0)
- HSL
- hsl(0, 0%, 0%)
X White
Background
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Twitter Blue (legacy)
Legacy
- HEX
- #1DA1F2
- RGB
- rgb(29, 161, 242)
- HSL
- hsl(203, 89%, 53%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
X Black | 21:1AAA | 1:1Fail |
X White | 1:1Fail | 21:1AAA |
Twitter Blue (legacy) | 2.83:1Fail | 7.43:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--twitter-x-x-black: #000000;
--twitter-x-x-white: #FFFFFF;
--twitter-x-twitter-blue-legacy: #1DA1F2;
}
/* Usage example */
.btn-primary {
background-color: var(--twitter-x-x-black);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to X (Twitter)'s primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
X (Twitter) uses a dark palette anchored by X Black (#000000). Social platforms use vibrant, energetic colors to trigger engagement and emotional connection — blue for trust, red/orange for excitement.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Monochromatic palette maximizes versatility and brand consistency
- Primary color meets WCAG AA — usable for text and UI components
Explore Individual Colors
Tags
socialmonochromerebrandmedia
More Social Media Brand Colors
Color Combinations
Frequently Asked Questions
What are X (Twitter)'s official brand colors?
X (Twitter)'s official brand colors are: X Black (#000000), X White (#FFFFFF), Twitter Blue (legacy) (#1DA1F2).
What is X (Twitter)'s primary color hex code?
X (Twitter)'s primary brand color is X Black with hex code #000000.
What are the RGB values for X (Twitter)'s primary color?
X Black (#000000) has RGB values of rgb(0, 0, 0).
What is the HSL value of X (Twitter)'s primary color?
X Black has an HSL value of hsl(0, 0%, 0%).
Is X (Twitter)'s primary color WCAG accessible?
X Black (#000000) has a contrast ratio of 21:1 on white, which passes WCAG AAA.
What industry is X (Twitter) in?
X (Twitter) operates in the Social Media industry, founded in 2006.