#6366F1 · near Royal Blue

#6366F1 (RGB 99, 102, 241) is a medium, highly saturated blue, closest to Royal Blue and near Slate Blue and Iris. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #6366F1 a natural choice for links, primary buttons, finance and technology. It appears in 1 ColorSwoop palette. In OKLCH it has 59% lightness and 0.20 chroma at hue 277°.

Color codes click to copy

HEX#6366F1

RGBrgb(99, 102, 241)

HSLhsl(239, 84%, 67%)

CMYK59, 58, 0, 5

CSS var--royal-blue

Contrast4.47:1 white · 4.7:1 black

Similar named colors

Royal Blue #4169E1Slate Blue #6A5ACDIris #5A4FCFBlueberry #4F86F7Azure #007FFF

How to use #6366F1

Black text passes WCAG AA on #6366F1 (4.7:1); white text does not (4.47:1).

For a calm scheme pair #6366F1 with its analogous neighbors #64ADF2 and #A864F2; for contrast use its complement #F2EF64 as a small accent, and anchor everything with a neutral such as #1F1F24.

CSSSCSSTailwind

--royal-blue: #6366F1;

Copy code

Color card

Shades & tints

#141430#282960#3B3D91#4F52C1#6366F1#8285F4#A1A3F7#C1C2F9#E0E0FC

Color harmonies for #6366F1

Complementary

#6366F1#F2EF64

Analogous

#6366F1#64ADF2#A864F2

Triadic

#6366F1#F26467#67F264

Split complementary

#6366F1#F2A864#ADF264

Tetradic

#6366F1#F264AD#F2EF64#64F2A8