#FFCF70 Color

#FFCF70 is rgb(255, 207, 112) in RGB and hsl(40, 100%, 72%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#FFCF70

HEX#FFCF70

RGBrgb(255, 207, 112)

HSLhsl(40, 100%, 72%)

HSVhsv(40, 56%, 100%)

OKLCHoklch(87.8% 0.125 82.9)

CMYKcmyk(0%, 19%, 56%, 0%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #FFCF70 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.46:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text14.41:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #FFCF70 based on color wheel relationships. Click any swatch for its full breakdown.

Base#FFCF70 Complementary#70A0FF Analogous#FF8870 Analogous#E7FF70 Triadic#70FFCF Triadic#CF70FF

Tints & Shades

Lighter tints and darker shades of #FFCF70, useful for hover states, backgrounds, and text variants.

Tints

#FFD685 #FFDB94 #FFE2A8 #FFE9BD #FFF0D1 #FFF5E0

Shades

#FFBE3D #FFAF0F #DB9200 #A87000 #754E00 #473000

Use #FFCF70 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex