Start generating
FFB203

#FFB203 Imperial Yellow

#FFB203 is a light, vivid yellow named Imperial Yellow. In the RGB color model it is made of 100.0% red, 69.8% green and 1.2% blue (rgb(255, 178, 3)). Its HSL value is 42° hue, 100% saturation and 51% lightness, and in CMYK it is 0% cyan, 30% magenta, 99% yellow and 0% black. #FFB203 is a warm color. Black text reads best on it, with a contrast ratio of 11.62:1.

Make a palette with #FFB203

#FFB203 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #FFB203

Shades

Mixed with black: richer and darker.

FFB203DE9A02BE83029E6D01805701634300482F002E1D00160C00030100

Tints

Mixed with white: lighter and softer.

FFB203FFBA40FFC35EFFCB76FFD28CFFDAA1FFE2B4FFE9C7FFF1DAFFF8ED

Tones

Mixed with gray: calmer and more muted.

FFB203F2AD2FE5A942D8A44FCB9F5ABF9A63B2956AA59071998B768C867B

Hues

The same lightness and chroma, rotated around the color wheel.

FFA99EFFAB91FFAC82FFAE70FFB054FFB203F1BA00E1C200D0C91CBBD038A4D751

Temperatures

Cooler on the left, warmer on the right.

D5AD73DEAE67E6B059EEB049F7B133FFB203FFB004FFAF05FFAD06FFAB06FFAA07

#FFB203 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

FFB2030350FF
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

FFB20303CEFF3403FF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

FFB203FF3403CEFF03
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

FFB20303FFB2B203FF
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

FFB20350FF030350FFB203FF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

FFB20303FF340350FFFF03CE
Open in generator →

#FFB203 for color-blind viewers (and dogs)

How #FFB203 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 86% similarHow dogs see it · simulated as #E1C816
  • Protanopia 85% similar1.3% of men, 0.02% of women · simulated as #CFB500
  • Protanomaly 89% similar1.3% of men, 0.02% of women · simulated as #DEB600
  • Deuteranopia 86% similar1.2% of men, 0.01% of women · simulated as #E1C816
  • Deuteranomaly 91% similar5% of men, 0.35% of women · simulated as #E9C009
  • Tritanopia 72% similar0.001% of men, 0.03% of women · simulated as #FF9D98
  • Tritanomaly 86% similar0.0001% of men, 0.0001% of women · simulated as #FFAA6A
  • Achromatopsia 66% similar0.003% of men, 0.003% of women · simulated as #C1C1C1
  • Achromatomaly 73% similar0.001% of men, 0.001% of women · simulated as #D3BDA9

#FFB203 contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.81:1 Very poor#FFB203 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
11.62:1 Very good#FFB203 text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #FFB203

Palettes with #FFB203

#FFB203 in CSS

/* Imperial Yellow */
.color { color: #FFB203; }
.background { background-color: #FFB203; }
.border { border: 1px solid #FFB203; }

/* Other notations */
color: rgb(255 178 3);
color: hsl(42 100% 51%);
color: oklch(0.816 0.170 77.3);

#FFB203 FAQ

What color is #FFB203?

#FFB203 is a light, vivid yellow. Its closest named color is Imperial Yellow. It belongs to the yellow color family and is a warm color.

What is the RGB value of #FFB203?

#FFB203 is rgb(255, 178, 3) in RGB, hsl(42, 100%, 51%) in HSL and cmyk(0%, 30%, 99%, 0%) in CMYK.

What is the complementary color of #FFB203?

The complementary color of #FFB203 is #0350FF, which sits opposite it on the color wheel.

Which text color works on #FFB203?

Black text has the best contrast on #FFB203: 11.62:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #FFB203 a warm or cool color?

#FFB203 is a warm color.