#fa661e

Color #fa661e

A vivid, highly saturated medium orange.

Closest named color Orange Red #ff4500 · ΔE 15.65 Nearest Tailwind class orange-500 #ff6900 · ΔE 3.1

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

Conversions

HEX

#fa661e

RGB

rgb(250, 102, 30)

HSL

hsl(19.6, 95.7%, 54.9%)

HSV / HSB

hsv(19.6, 88%, 98%)

CMYK

cmyk(0%, 59.2%, 88%, 2%)

LAB

lab(61.59, 53.56, 63.79)

LCH

lch(61.59, 83.29, 49.98)

OKLCH

oklch(68.9%, 0.1964, 41.88)

HWB

hwb(19.6, 11.8%, 2%)

Harmony colors

Complementary

#1eb2fa

Analogous

#fa1e44

#fa661e

#fad41e

Triadic

#fa661e

#1efa66

#661efa

Split-complementary

#fa661e

#1efad4

#1e44fa

Tetradic

#fa661e

#b2fa1e

#1eb2fa

#661efa

Square

#fa661e

#44fa1e

#1eb2fa

#d41efa

Shades

Color #fa661e mixed toward black.

#e44e05

#b73e04

#892f03

#5b1f02

#2e1001

Tints

Color #fa661e mixed toward white.

#fb7f43

#fc9969

#fdb28e

#fdccb4

#fee5d9

Tones

Color #fa661e mixed toward gray.

#e86c30

#d57343

#c37955

#b17f67

#9e867a

Accessibility

Aa White text on this color

3.01:1

Aa Black text on this color

6.98:1

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

Under color vision deficiencies

Protanopia

#cbca3a · ΔE 43.5

Deuteranopia

#d2db3f · ΔE 47.6

Tritanopia

#f5484b · ΔE 15.8

Achromatopsia

#959595 · ΔE 29

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

Code

CSS

background-color: #fa661e;

Tailwind (arbitrary value)

bg-[#fa661e]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Seashell #fff5ee

Frequently asked questions

#fa661e (#fa661e) is rgb(250, 102, 30) in RGB.

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

Generate a palette → Check contrast