#EF4444 Color Code
Inspect #EF4444 as a HEX color value and compare it with other supported color formats, conversions and analysis tools.
Formats
The same color in different formats:
#0f172a
| Element | AA | AAA |
|---|---|---|
| Small text | Pass | Fail |
| Large text | Pass | — |
| UI elements / graphics | Pass | N/A |
Color Conversion
Same color in multiple code formats.
Export formats
Ready-to-copy snippets for developers, apps, frameworks, and design systems.
| Swatch | Format | Snippet |
|---|---|---|
|
CSS variable
|
||
|
JSON token
|
||
|
Tailwind config
|
||
|
SCSS variable
|
| Swatch | Format | Snippet |
|---|---|---|
|
JavaScript
|
||
|
TypeScript
|
||
|
Inline style
|
||
|
CSS class
|
| Swatch | Format | Snippet |
|---|---|---|
|
Android XML
|
||
|
SwiftUI
|
||
|
Swift UIColor
|
||
|
Kotlin
|
||
|
Flutter
|
||
|
React Native
|
| Swatch | Format | Snippet |
|---|---|---|
|
SVG fill
|
||
|
SVG stroke
|
Color Variations
tint / shadeRelated content
auto-linkedMeaning / Aesthetic / Framework
content ready#EF4444 Color Code
Inspect #EF4444 as a HEX color value and compare it with other supported color formats, conversions and analysis tools.
HEX color reference
This page shows #EF4444 as a HEX color value together with its equivalent HEX, RGB, HSL, CMYK, LAB, LCH and OKLCH representations.
The same color is also available as Red in the named color catalog.
Explore HEX and related color formats
Compare this color value across the other supported color models and open their dedicated format pages.