Nerdulator> put something in

Recognised as Colour

#F5A477

  • #F5A477
  • Orange
  • Dark
  • Nearest: Light salmon

#F5A477 is a orange with RGB values 245, 164, 119 and HSL 21°, 86%, 71%. It is a dark colour, so black text on it reaches 10.5:1 contrast (AAA for normal text). The nearest named colour is Light salmon.

Colour values

#F5A477#F5A477
HEX#F5A477
RGBrgb(245, 164, 119)
RGB (0–1)0.9608, 0.6431, 0.4667
RGB percentages96.1%, 64.3%, 46.7%
HSLhsl(21.4, 86.3%, 71.4%)
HSV / HSBhsv(21.4, 51.4%, 96.1%)
CMYK0%, 33.1%, 51.4%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,098,423
CSS custom property--colour: #F5A477;

Brightness & contrast

Relative luminance0.47295WCAG 2.x, 0 is black and 1 is white
Perceived brightness188 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.46:1
Contrast with white2.01:1WCAG normal text: Fail
Contrast with black10.46:1WCAG normal text: AAA
Greyscale equivalent#B2B2B2
Inverted#0A5B88

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#BAAC73no red cones; affects about 1% of men; ΔE 29.2 from the original
Deuteranopia#CDBE77no green cones; the most common form, about 1% of men; ΔE 30.1 from the original
Tritanopia#FF9599no blue cones; rare, and affects men and women equally; ΔE 25.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.01:1WCAG large text: Fail
Contrast with black, large text10.46:1WCAG large text: AAA

Named colours

Light salmon · ΔE 6.3Dark salmon · ΔE 9.5Sandy brown · ΔE 11.5Peru · ΔE 18.1Burlywood · ΔE 19.2Salmon · ΔE 22.2
Nearest named CSS colourLight salmon (#FFA07A)ΔE 6.34, clearly different but related
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#77C8F5
Analogous#F57789, #F5E377
Triadic#77F5A4, #A477F5
Split complementary#77F5E3, #7789F5
Tetradic#89F577, #77C8F5, #E377F5

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FCE4D6
Lighter +10%#F8C4A7
Darker −10%#F28447
Darker −20%#EE6418
Darker −30%#C54F0E
Darker −40%#953C0B
More saturated +25%#FFA16D
Less saturated −25%#E3A989

Channel breakdown

R245
G164
B119
Red245 (96.1%)
Green164 (64.3%)
Blue119 (46.7%)
Hue21.43°
Saturation (HSL)86.3%
Lightness71.37%
Dominant channelRed
Hex per channelR F5 · G A4 · B 77

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “f5a477” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.