#fda13b

Color #fda13b

A vivid, highly saturated light orange.

Closest named color Orange #ffa500 · ΔE 15.15 Nearest Tailwind class amber-500 #fe9a00 · ΔE 3.5

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

Conversions

HEX

#fda13b

RGB

rgb(253, 161, 59)

HSL

hsl(31.5, 98%, 61.2%)

HSV / HSB

hsv(31.5, 76.7%, 99.2%)

CMYK

cmyk(0%, 36.4%, 76.7%, 0.8%)

LAB

lab(73.99, 26.33, 64.02)

LCH

lch(73.99, 69.22, 67.64)

OKLCH

oklch(78.6%, 0.1556, 64.08)

HWB

hwb(31.5, 23.1%, 0.8%)

Harmony colors

Complementary

#3b97fd

Analogous

#fd403b

#fda13b

#f8fd3b

Triadic

#fda13b

#3bfda1

#a13bfd

Split-complementary

#fda13b

#3bf8fd

#403bfd

Tetradic

#fda13b

#97fd3b

#3b97fd

#a13bfd

Square

#fda13b

#3bfd40

#3b97fd

#fd3bf8

Shades

Color #fda13b mixed toward black.

#fd8808

#ce6d02

#9a5202

#673701

#331b01

Tints

Color #fda13b mixed toward white.

#fdb15c

#fec07c

#fed09d

#fee0be

#ffefde

Tones

Color #fda13b mixed toward gray.

#eda04b

#dd9f5b

#cd9e6c

#bc9e7c

#ac9d8c

Accessibility

Aa White text on this color

2.03:1

Aa Black text on this color

10.34:1

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

Under color vision deficiencies

Protanopia

#dbdb61 · ΔE 27.5

Deuteranopia

#e0e668 · ΔE 29.8

Tritanopia

#f97579 · ΔE 29.4

Achromatopsia

#b6b6b6 · ΔE 27.1

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

Code

CSS

background-color: #fda13b;

Tailwind (arbitrary value)

bg-[#fda13b]

Related colors

Bisque #ffe4c4

Dark Orange #ff8c00

Linen #faf0e6

Peru #cd853f

Burlywood #deb887

Antique White #faebd7

Frequently asked questions

#fda13b (#fda13b) is rgb(253, 161, 59) in RGB.

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

Generate a palette → Check contrast