ColorCX

Every Color Format. One Tool.

cyan-800

#155e75 • rgb(21, 94, 117)

Color Code Converter

Convert between HEX, RGB, HSL, Tailwind, Flutter, ANSI, and 30+ formats.

#6366F1

Conversions

Web / CSS

HEX #6366F1
RGB rgb(99, 102, 241)
RGBA rgba(99, 102, 241, 1)
HSL hsl(239, 84%, 67%)
HSLA hsla(239, 84%, 67%, 1)
CSS Name mediumslateblue (nearest) Δ 38.0
Tailwind indigo-500

CSS Frameworks

Bootstrap purple (nearest) Δ 107.2
Material indigo-400 (nearest) Δ 80.7
Ant Design geekblue-5 (nearest) Δ 51.3
Chakra UI purple.500 (nearest) Δ 68.1
Open Color indigo-6 (nearest) Δ 39.2
Bulma link (nearest) Δ 81.2
Radix indigo9 (nearest) Δ 65.4
Open Props --violet-5 (nearest) Δ 54.9
DaisyUI primary (nearest) Δ 179.3

Frameworks

Flutter Color(0xFF6366F1)
Flutter ARGB Color.fromARGB(255, 99, 102, 241)
Flutter RGBO Color.fromRGBO(99, 102, 241, 1.00)
Flutter Const Colors.indigoAccent (nearest) Δ 35.3
SwiftUI Color(red: 0.39, green: 0.40, blue: 0.95, opacity: 1.00)
UIKit UIColor(red: 0.39, green: 0.40, blue: 0.95, alpha: 1.00)
Android XML <color name="custom">#FF6366F1</color>
Compose Color(0xFF6366F1)
Qt QColor(99, 102, 241, 255)
Java new Color(99, 102, 241, 255)
C# Color.FromArgb(255, 99, 102, 241)
React Native 'rgba(99, 102, 241, 1.00)'

Terminal / ANSI

16-color FG \e[94m bright blue
16-color BG \e[104m bright blue
256-color FG \e[38;5;105m
256-color BG \e[48;5;105m
True Color FG \e[38;2;99;102;241m
True Color BG \e[48;2;99;102;241m

Classic

HSV/HSB hsv(239, 59%, 95%)
CMYK cmyk(59%, 58%, 0%, 5%)
Integer 6514417
Hex Integer 0xFF6366F1

Color Science

HWB hwb(239 39% 5%)
OKLCH oklch(0.5854 0.2041 277.1)
OKLab oklab(0.5854 0.0253 -0.2025)
CIE Lab lab(50.1 38.71 -70.5)
CIE LCH lch(50.1 80.43 298.8)
CIE XYZ xyz(0.2577, 0.185, 0.8542)