Colour
#F57A43
- #F57A43
- Orange
- Dark
- Nearest: Coral
#F57A43 is a orange with RGB values 245, 122, 67 and HSL 19°, 90%, 61%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Coral.
Colour values
#F57A43#F57A43
HEX#F57A43
RGBrgb(245, 122, 67)
RGB (0–1)0.9608, 0.4784, 0.2627
RGB percentages96.1%, 47.8%, 26.3%
HSLhsl(18.5, 89.9%, 61.2%)
HSV / HSBhsv(18.5, 72.7%, 96.1%)
CMYK0%, 50.2%, 72.7%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,087,619
CSS custom property--colour: #F57A43;
Brightness & contrast
Relative luminance0.33737WCAG 2.x, 0 is black and 1 is white
Perceived brightness164.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.75:1
Contrast with white2.71:1WCAG normal text: Fail
Contrast with black7.75:1WCAG normal text: AAA
Greyscale equivalent#909090
Inverted#0A85BC
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.71:1WCAG large text: Fail
Contrast with black, large text7.75:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#43BEF5
Analogous#F54365, #F5D343
Triadic#43F57A, #7A43F5
Split complementary#43F5D3, #4365F5
Tetradic#65F543, #43BEF5, #D343F5
Tints, shades & saturation
Channel breakdown
R245
G122
B67
Red245 (96.1%)
Green122 (47.8%)
Blue67 (26.3%)
Hue18.54°
Saturation (HSL)89.9%
Lightness61.18%
Dominant channelRed
Hex per channelR F5 · G 7A · B 43
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