#fd4100

Color #fd4100

A vivid, highly saturated medium orange.

Closest named color Orange Red #ff4500 · ΔE 1.23 Nearest Tailwind class orange-600 #f54900 · ΔE 1.8

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

Conversions

HEX

#fd4100

RGB

rgb(253, 65, 0)

HSL

hsl(15.4, 100%, 49.6%)

HSV / HSB

hsv(15.4, 100%, 99.2%)

CMYK

cmyk(0%, 74.3%, 100%, 0.8%)

LAB

lab(56.75, 68.47, 68.37)

LCH

lch(56.75, 96.76, 44.96)

OKLCH

oklch(65.3%, 0.2304, 34.78)

HWB

hwb(15.4, 0%, 0.8%)

Harmony colors

Complementary

#00bcfd

Analogous

#fd003e

#fd4100

#fdbf00

Triadic

#fd4100

#00fd41

#4100fd

Split-complementary

#fd4100

#00fdbf

#003efd

Tetradic

#fd4100

#bcfd00

#00bcfd

#4100fd

Square

#fd4100

#3efd00

#00bcfd

#bf00fd

Shades

Color #fd4100 mixed toward black.

#d33600

#a92b00

#7e2000

#541600

#2a0b00

Tints

Color #fd4100 mixed toward white.

#ff6029

#ff8054

#ff9f7e

#ffbfa9

#ffdfd4

Tones

Color #fd4100 mixed toward gray.

#e84b15

#d3552a

#be603f

#a96a54

#947469

Accessibility

Aa White text on this color

3.54:1

Aa Black text on this color

5.93:1

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

Under color vision deficiencies

Protanopia

#c8c71e · ΔE 50.6

Deuteranopia

#d0da22 · ΔE 55.2

Tritanopia

#f82a2c · ΔE 8.8

Achromatopsia

#888888 · ΔE 30.5

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

Code

CSS

background-color: #fd4100;

Tailwind (arbitrary value)

bg-[#fd4100]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Sienna #a0522d

Tomato #ff6347

Frequently asked questions

#fd4100 (#fd4100) is rgb(253, 65, 0) in RGB.

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

Generate a palette → Check contrast