HEX Color #F8CC0F (Gold)

About #F8CC0F

The precise color #F8CC0F is an excellent choice for modern design projects. Its closest recognized web color is Gold. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 204, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 18% magenta, 94% yellow, and 3% black. The HSL representation is 48.7° hue, 94.3% saturation, and 51.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F8CC0F

RGB248, 204, 15

HSL48.7°, 94.3%, 51.6%

CMYK0%, 18%, 94%, 3%

HSV48.7°, 94.0%, 97.3%

LAB83.5, 0.8, 83.0

XYZ60.4, 63.2, 9.5

Decimal16305167

Color Harmonies

Complementary

#F8CC0F #0E3AF8

Analogous

#F8570E #AFF80E

Triadic

#0EF8CC #CB0EF8

Tetradic

#0EF857 #0E3AF8 #F80EAF

Tints, Shades & Tones

Tints (Adding White)

#F8CC0F

#F8D129

#F9D744

#FADD5F

#FBE279

#FBE894

#FCEEAF

#FDF3C9

#FEF9E4

#FFFFFF

Shades (Adding Black)

#F8CC0F

#DCB50D

#C09E0B

#A5880A

#897108

#6E5A06

#524405

#372D03

#1B1601

#000000

WCAG Contrast Accessibility

1.54:1

Text on #FFFFFF

FAIL

13.64:1

Text on #000000

AAA

1.47:1

Text on #F8FAFC

FAIL

11.59:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #F8CC0F; }

.text-color { color: #F8CC0F; }

.border-color { border: 2px solid #F8CC0F; }

Similar Colors

Gold

#FFD700