HEX Color #FFE242 (Gold)

About #FFE242

The precise color #FFE242 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Gold. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 226, and 66.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 11% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#FFE242

RGB255, 226, 66

HSL50.8°, 100.0%, 62.9%

CMYK0%, 11%, 74%, 0%

HSV50.8°, 74.1%, 100.0%

LAB89.9, -6.1, 76.6

XYZ69.4, 76.0, 16.2

Decimal16769602

Color Harmonies

Complementary

#FFE242 #415EFF

Analogous

#FF8341 #BDFF41

Triadic

#41FFE2 #E241FF

Tetradic

#41FF83 #415EFF #FF41BD

Tints, Shades & Tones

Tints (Adding White)

#FFE242

#FFE557

#FFE86C

#FFEB81

#FFEE96

#FFF2AB

#FFF5C0

#FFF8D5

#FFFBEA

#FFFFFF

Shades (Adding Black)

#FFE242

#E2C83A

#C6AF33

#AA962C

#8D7D24

#71641D

#554B16

#38320E

#1C1907

#000000

WCAG Contrast Accessibility

1.30:1

Text on #FFFFFF

FAIL

16.21:1

Text on #000000

AAA

1.24:1

Text on #F8FAFC

FAIL

13.78:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #FFE242; }

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

Similar Colors

Gold

#FFD700