hsla(270, 50%, 40%, 1) Color Code
Inspect hsla(270, 50%, 40%, 1) as a HSLA color value and compare it with other supported color formats, conversions and analysis tools.
Formats
The same color in different formats:
#ffffff
| Element | AA | AAA |
|---|---|---|
| Small text | Pass | Pass |
| 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 readyhsla(270, 50%, 40%, 1) Color Code
Inspect hsla(270, 50%, 40%, 1) as a HSLA color value and compare it with other supported color formats, conversions and analysis tools.
HSLA color reference
This page shows hsla(270, 50%, 40%, 1) as a HSLA color value together with its equivalent HEX, RGB, HSL, CMYK, LAB, LCH and OKLCH representations.
Explore HSLA and related color formats
Compare this color value across the other supported color models and open their dedicated format pages.