Recognised as Colour

#F5CE02

#F5CE02
Yellow
Light
Nearest: Gold

#F5CE02 is a yellow with RGB values 245, 206, 2 and HSL 50°, 98%, 48%. It is a light colour, so black text on it reaches 13.7:1 contrast (AAA for normal text). The nearest named colour is Gold.

Colour values

#F5CE02#F5CE02

HEX#F5CE02

RGBrgb(245, 206, 2)

RGB (0–1)0.9608, 0.8078, 0.0078

RGB percentages96.1%, 80.8%, 0.8%

HSLhsl(50.4, 98.4%, 48.4%)

HSV / HSBhsv(50.4, 99.2%, 96.1%)

CMYK0%, 15.9%, 99.2%, 3.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,109,058

CSS custom property--colour: #F5CE02;

Brightness & contrast

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

Perceived brightness207 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.71:1

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

Contrast with black13.71:1WCAG normal text: AAA

Greyscale equivalent#C8C8C8

Inverted#0A31FD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text13.71:1WCAG large text: AAA

Named colours

Gold · ΔE 4.3 Goldenrod · ΔE 22.6 Yellow · ΔE 26.1 Orange · ΔE 27.5 Dark goldenrod · ΔE 34.6 Khaki · ΔE 40.5

Nearest named CSS colourGold (#FFD700)ΔE 4.3, a close match

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0229F5

Analogous#F55502, #A2F502

Triadic#02F5CE, #CE02F5

Split complementary#02A2F5, #5502F5

Tetradic#02F555, #0229F5, #F502A2

Tints, shades & saturation

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

Lighter +40%#FFF5C4

Lighter +30%#FEED92

Lighter +20%#FEE45F

Lighter +10%#FDDC2D

Darker −10%#C2A302

Darker −20%#907901

Darker −30%#5D4E01

Darker −40%#2B2400

More saturated +25%#F7CF00

Less saturated −25%#D6B921

Channel breakdown

R245

G206

Red245 (96.1%)

Green206 (80.8%)

Blue2 (0.8%)

Hue50.37°

Saturation (HSL)98.38%

Lightness48.43%

Dominant channelRed

Hex per channelR F5 · G CE · B 02

Keep nerding

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

#F5CE02

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