#4100fb

Color #4100fb

A vivid, highly saturated medium blue.

Closest named color Blue #0000ff · ΔE 5.73 Nearest Tailwind class violet-700 #7008e7 · ΔE 4.8

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

Conversions

HEX

#4100fb

RGB

rgb(65, 0, 251)

HSL

hsl(255.5, 100%, 49.2%)

HSV / HSB

hsv(255.5, 100%, 98.4%)

CMYK

cmyk(74.1%, 100%, 0%, 1.6%)

LAB

lab(34.16, 79.11, -102.44)

LCH

lch(34.16, 129.43, 307.68)

OKLCH

oklch(47%, 0.2964, 274.45)

HWB

hwb(255.5, 0%, 1.6%)

Harmony colors

Complementary

#bafb00

Analogous

#003dfb

#4100fb

#be00fb

Triadic

#4100fb

#fb4100

#00fb41

Split-complementary

#4100fb

#fbbe00

#3dfb00

Tetradic

#4100fb

#fb00ba

#bafb00

#00fb41

Square

#4100fb

#fb003d

#bafb00

#00fbbe

Shades

Color #4100fb mixed toward black.

#3600d1

#2b00a7

#20007d

#160054

#0b002a

Tints

Color #4100fb mixed toward white.

#5f27ff

#7f52ff

#9f7dff

#bfa9ff

#dfd4ff

Tones

Color #4100fb mixed toward gray.

#4b15e6

#552ad1

#5f3fbc

#6954a7

#736992

Accessibility

Aa White text on this color

8.02:1

Aa Black text on this color

2.62:1

White text reads better on this background (8.02:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#3030de · ΔE 5.1

Deuteranopia

#3336d6 · ΔE 6.5

Tritanopia

#3fc3bd · ΔE 54.8

Achromatopsia

#505050 · ΔE 33.1

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

Code

CSS

background-color: #4100fb;

Tailwind (arbitrary value)

bg-[#4100fb]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Navy #000080

Frequently asked questions

#4100fb (#4100fb) is rgb(65, 0, 251) in RGB.

No, #4100fb 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 #4100fb, or check how it holds up for accessibility.

Generate a palette → Check contrast