#FFCA3A · near Saffron

#FFCA3A (RGB 255, 202, 58) is a medium, highly saturated yellow, closest to Saffron and near Amber and Gold. Yellow suggests optimism and attention; it is the brightest hue and the hardest to balance, which makes #FFCA3A a natural choice for highlights, warning states and cheerful campaigns. It appears in 1 ColorSwoop palette. In OKLCH it has 86% lightness and 0.16 chroma at hue 87°.

Color codes click to copy

HEX#FFCA3A

RGBrgb(255, 202, 58)

HSLhsl(44, 100%, 61%)

CMYK0, 21, 77, 0

CSS var--saffron

Contrast1.53:1 white · 13.76:1 black

Similar named colors

Saffron #F4C430Amber #FFBF00Gold #FFD700Sunflower #FFDA03Citrine #E4D00A

How to use #FFCA3A

Black text passes WCAG AA on #FFCA3A (13.76:1); white text does not (1.53:1).

For a calm scheme pair #FFCA3A with its analogous neighbors #FF6738 and #D1FF38; for contrast use its complement #386DFF as a small accent, and anchor everything with a neutral such as #1F1F24.

CSSSCSSTailwind

--saffron: #FFCA3A;

Copy code

Color card

Shades & tints

#33280C#665117#997923#CCA22E#FFCA3A#FFD561#FFDF89#FFEAB0#FFF4D8

Color harmonies for #FFCA3A

Complementary

#FFCA3A#386DFF

Analogous

#FFCA3A#FF6738#D1FF38

Triadic

#FFCA3A#38FFCA#CA38FF

Split complementary

#FFCA3A#38D1FF#6738FF

Tetradic

#FFCA3A#38FF67#386DFF#FF38D1