#6f61d3

Color #6f61d3

A moderately saturated light blue.

Closest named color Slate Blue #6a5acd · ΔE 2.83 Nearest Tailwind class indigo-500 #615fff · ΔE 6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#6f61d3

RGB

rgb(111, 97, 211)

HSL

hsl(247.4, 56.4%, 60.4%)

HSV / HSB

hsv(247.4, 54%, 82.7%)

CMYK

cmyk(47.4%, 54%, 0%, 17.3%)

LAB

lab(47.79, 34.73, -57.23)

LCH

lch(47.79, 66.94, 301.25)

OKLCH

oklch(56.4%, 0.1691, 285.19)

HWB

hwb(247.4, 38%, 17.3%)

Harmony colors

Complementary

#c5d361

Analogous

#618cd3

#6f61d3

#a861d3

Triadic

#6f61d3

#d36f61

#61d36f

Split-complementary

#6f61d3

#d3a861

#8cd361

Tetradic

#6f61d3

#d361c5

#c5d361

#61d36f

Square

#6f61d3

#d3618c

#c5d361

#61d3a8

Shades

Color #6f61d3 mixed toward black.

#4b39c8

#3b2da1

#2c2278

#1e1650

#0f0b28

Tints

Color #6f61d3 mixed toward white.

#877bda

#9f96e2

#b7b0e9

#cfcaf0

#e7e5f8

Tones

Color #6f61d3 mixed toward gray.

#766bc9

#7d74c0

#857eb6

#8c87ad

#9391a4

Accessibility

Aa White text on this color

4.85:1

Aa Black text on this color

4.33:1

White text reads better on this background (4.85:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6969bf · ΔE 4.5

Deuteranopia

#6a6bba · ΔE 5.5

Tritanopia

#6eaea9 · ΔE 36.1

Achromatopsia

#717171 · ΔE 26.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #6f61d3;

Tailwind (arbitrary value)

bg-[#6f61d3]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#6f61d3 (#6f61d3) is rgb(111, 97, 211) in RGB.

No, #6f61d3 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #6f61d3, or check how it holds up for accessibility.

Generate a palette → Check contrast