DevToolsHubPRO
Quick Swatch Presets
Color Workspace
Type Color Name / Value
Valid Format
RGB Color Model
Red79
Green70
Blue229
HSL Color Model
Hue (Angle)243°
Saturation75%
Lightness59%
Alpha (Opacity)100%
Color Formats & Conversions
HEX#4f46e5
RGBrgb(79, 70, 229)
RGBArgba(79, 70, 229, 1)
HSLhsl(243, 75%, 59%)
HSLAhsla(243, 75%, 59%, 1)
HSB / HSVhsv(243, 69%, 90%)
CSS variables79 70 229
Tailwind Value[#4f46e5]
Contrast & WCAG compliance
AA / AAA TextDemo Preview
Background Color
Ratio6.29:1
Normal Text (AA)
req 4.5:1Pass
Normal Text (AAA)
req 7.0:1Fail
Large Text (AA)
req 3.0:1Pass
Large Text (AAA)
req 4.5:1Pass
UI Components (AA)
req 3.0:1Pass
Matching Palettes & Variations
Complementary (Opposite)
Analogous Scheme
Light Tints (Opacity / White overlay)
Dark Shades (Shading / Black overlay)