Colour

#FFD248

#FFD248
Yellow
Light
Nearest: Goldenrod

#FFD248 is a yellow with RGB values 255, 210, 72 and HSL 45°, 100%, 64%. It is a light colour, so black text on it reaches 14.6:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.

Colour values

#FFD248#FFD248

HEX#FFD248

RGBrgb(255, 210, 72)

RGB (0–1)1, 0.8235, 0.2824

RGB percentages100%, 82.4%, 28.2%

HSLhsl(45.2, 100%, 64.1%)

HSV / HSBhsv(45.2, 71.8%, 100%)

CMYK0%, 17.6%, 71.8%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,765,512

CSS custom property--colour: #FFD248;

Brightness & contrast

Relative luminance0.67821WCAG 2.x, 0 is black and 1 is white

Perceived brightness214.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.56:1

Contrast with white1.44:1WCAG normal text: Fail

Contrast with black14.56:1WCAG normal text: AAA

Greyscale equivalent#D2D2D2

Inverted#002DB7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#E9D033no red cones; affects about 1% of men; ΔE 10.3 from the original

Deuteranopia#F4DC4Fno green cones; the most common form, about 1% of men; ΔE 9.6 from the original

Tritanopia#FFC1B6no blue cones; rare, and affects men and women equally; ΔE 59.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.44:1WCAG large text: Fail

Contrast with black, large text14.56:1WCAG large text: AAA

Named colours

Goldenrod · ΔE 16.5 Gold · ΔE 17 Orange · ΔE 25.7 Khaki · ΔE 28.4 Dark goldenrod · ΔE 28.9 Sandy brown · ΔE 33.8

Nearest named CSS colourGoldenrod (#DAA520)ΔE 16.47, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#4875FF

Analogous#FF7648, #D1FF48

Triadic#48FFD2, #D248FF

Split complementary#48D0FF, #7748FF

Tetradic#48FF76, #4875FF, #FF48D0

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFF8E1

Lighter +20%#FFEBAE

Lighter +10%#FFDF7B

Darker −10%#FFC515

Darker −20%#E1AA00

Darker −30%#AE8300

Darker −40%#7B5D00

More saturated +25%#FFD248

Less saturated −25%#E8C65F

Channel breakdown

R255

G210

B72

Red255 (100%)

Green210 (82.4%)

Blue72 (28.2%)

Hue45.25°

Saturation (HSL)100%

Lightness64.12%

Dominant channelRed

Hex per channelR FF · G D2 · B 48

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#FFD248

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else