#ffb720

Color #ffb720

A vivid, highly saturated medium orange.

Closest named color Orange #ffa500 · ΔE 10.12 Nearest Tailwind class amber-400 #ffb900 · ΔE 1.7

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

Conversions

HEX

#ffb720

RGB

rgb(255, 183, 32)

HSL

hsl(40.6, 100%, 56.3%)

HSV / HSB

hsv(40.6, 87.5%, 100%)

CMYK

cmyk(0%, 28.2%, 87.5%, 0%)

LAB

lab(79.18, 14.92, 77.14)

LCH

lch(79.18, 78.57, 79.05)

OKLCH

oklch(82.6%, 0.1655, 78.82)

HWB

hwb(40.6, 12.5%, 0%)

Harmony colors

Complementary

#2068ff

Analogous

#ff4820

#ffb720

#d8ff20

Triadic

#ffb720

#20ffb7

#b720ff

Split-complementary

#ffb720

#20d8ff

#4820ff

Tetradic

#ffb720

#68ff20

#2068ff

#b720ff

Square

#ffb720

#20ff48

#2068ff

#ff20d8

Shades

Color #ffb720 mixed toward black.

#efa200

#bf8200

#906100

#604100

#302000

Tints

Color #ffb720 mixed toward white.

#ffc345

#ffcf6a

#ffdb90

#ffe7b5

#fff3da

Tones

Color #ffb720 mixed toward gray.

#ecb033

#daaa45

#c7a358

#b59d6a

#a2967d

Accessibility

Aa White text on this color

1.74:1

Aa Black text on this color

12.05:1

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

Under color vision deficiencies

Protanopia

#e4e363 · ΔE 19.9

Deuteranopia

#e7ec6d · ΔE 21.9

Tritanopia

#fc7f84 · ΔE 38.7

Achromatopsia

#c4c4c4 · ΔE 28.4

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

Code

CSS

background-color: #ffb720;

Tailwind (arbitrary value)

bg-[#ffb720]

Related colors

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Dark Goldenrod #b8860b

Goldenrod #daa520

Frequently asked questions

#ffb720 (#ffb720) is rgb(255, 183, 32) in RGB.

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

Generate a palette → Check contrast