Colour

#F8783F

#F8783F
Orange
Dark
Nearest: Coral

#F8783F is a orange with RGB values 248, 120, 63 and HSL 18°, 93%, 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

#F8783F#F8783F

HEX#F8783F

RGBrgb(248, 120, 63)

RGB (0–1)0.9725, 0.4706, 0.2471

RGB percentages97.3%, 47.1%, 24.7%

HSLhsl(18.5, 93%, 61%)

HSV / HSBhsv(18.5, 74.6%, 97.3%)

CMYK0%, 51.6%, 74.6%, 2.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer16,283,711

CSS custom property--colour: #F8783F;

Brightness & contrast

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

Perceived brightness165.2 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#8F8F8F

Inverted#0787C0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9C8B38no red cones; affects about 1% of men; ΔE 50.3 from the original

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

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

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

Coral · ΔE 5.9 Chocolate · ΔE 12.7 Tomato · ΔE 14.3 Salmon · ΔE 23.9 Dark orange · ΔE 24.6 Peru · ΔE 24.7

Nearest named CSS colourCoral (#FF7F50)ΔE 5.93, clearly different but related

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3FBFF8

Analogous#F83F63, #F8D43F

Triadic#3FF878, #783FF8

Split complementary#3FF8D4, #3F63F8

Tetradic#63F83F, #3FBFF8, #D43FF8

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FDE0D3

Lighter +20%#FCBDA1

Lighter +10%#FA9B70

Darker −10%#F6550E

Darker −20%#CA4307

Darker −30%#983306

Darker −40%#672204

More saturated +25%#FF7538

Less saturated −25%#DF8258

Channel breakdown

R248

G120

B63

Red248 (97.3%)

Green120 (47.1%)

Blue63 (24.7%)

Hue18.49°

Saturation (HSL)92.96%

Lightness60.98%

Dominant channelRed

Hex per channelR F8 · G 78 · B 3F

Keep nerding

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

#F8783F

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