Colour
#F48A45
- #F48A45
- Orange
- Dark
- Nearest: Coral
#F48A45 is a orange with RGB values 244, 138, 69 and HSL 24°, 89%, 61%. It is a dark colour, so black text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Coral.
Colour values
#F48A45#F48A45
HEX#F48A45
RGBrgb(244, 138, 69)
RGB (0–1)0.9569, 0.5412, 0.2706
RGB percentages95.7%, 54.1%, 27.1%
HSLhsl(23.7, 88.8%, 61.4%)
HSV / HSBhsv(23.7, 71.7%, 95.7%)
CMYK0%, 43.4%, 71.7%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,026,181
CSS custom property--colour: #F48A45;
Brightness & contrast
Relative luminance0.3784WCAG 2.x, 0 is black and 1 is white
Perceived brightness171.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.57:1
Contrast with white2.45:1WCAG normal text: Fail
Contrast with black8.57:1WCAG normal text: AAA
Greyscale equivalent#9C9C9C
Inverted#0B75BA
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.45:1WCAG large text: Fail
Contrast with black, large text8.57:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#45AFF4
Analogous#F44558, #F4E145
Triadic#45F48A, #8A45F4
Split complementary#45F4E2, #4558F4
Tetradic#58F445, #45AFF4, #E245F4
Tints, shades & saturation
Channel breakdown
R244
G138
B69
Red244 (95.7%)
Green138 (54.1%)
Blue69 (27.1%)
Hue23.66°
Saturation (HSL)88.83%
Lightness61.37%
Dominant channelRed
Hex per channelR F4 · G 8A · B 45
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