#ffb646

Color #ffb646

A vivid, highly saturated light orange.

Closest named color Goldenrod #daa520 · ΔE 12.31 Nearest Tailwind class orange-300 #ffb86a · ΔE 5.4

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

Conversions

HEX

#ffb646

RGB

rgb(255, 182, 70)

HSL

hsl(36.3, 100%, 63.7%)

HSV / HSB

hsv(36.3, 72.5%, 100%)

CMYK

cmyk(0%, 28.6%, 72.5%, 0%)

LAB

lab(79.14, 16.64, 64.72)

LCH

lch(79.14, 66.82, 75.58)

OKLCH

oklch(82.6%, 0.1493, 74.14)

HWB

hwb(36.3, 27.5%, 0%)

Harmony colors

Complementary

#468fff

Analogous

#ff5946

#ffb646

#ecff46

Triadic

#ffb646

#46ffb6

#b646ff

Split-complementary

#ffb646

#46ecff

#5946ff

Tetradic

#ffb646

#8fff46

#468fff

#b646ff

Square

#ffb646

#46ff59

#468fff

#ff46ec

Shades

Color #ffb646 mixed toward black.

#ffa010

#d98300

#a26200

#6c4200

#362100

Tints

Color #ffb646 mixed toward white.

#ffc265

#ffce84

#ffdaa2

#ffe7c1

#fff3e0

Tones

Color #ffb646 mixed toward gray.

#f0b355

#e0af65

#d1ac74

#c1a984

#b2a693

Accessibility

Aa White text on this color

1.75:1

Aa Black text on this color

12.03:1

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

Under color vision deficiencies

Protanopia

#e3e36f · ΔE 21.2

Deuteranopia

#e7ec77 · ΔE 23

Tritanopia

#fc868a · ΔE 33.9

Achromatopsia

#c4c4c4 · ΔE 26.7

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

Code

CSS

background-color: #ffb646;

Tailwind (arbitrary value)

bg-[#ffb646]

Related colors

Blanched Almond #ffebcd

Navajo White #ffdead

Papaya Whip #ffefd5

Moccasin #ffe4b5

Antique White #faebd7

Tan #d2b48c

Frequently asked questions

#ffb646 (#ffb646) is rgb(255, 182, 70) in RGB.

No, #ffb646 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast