Recognised as Colour

#F26C2D

#F26C2D
Orange
Dark
Nearest: Coral

#F26C2D is a orange with RGB values 242, 108, 45 and HSL 19°, 88%, 56%. It is a dark colour, so black text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Coral.

Colour values

#F26C2D#F26C2D

HEX#F26C2D

RGBrgb(242, 108, 45)

RGB (0–1)0.949, 0.4235, 0.1765

RGB percentages94.9%, 42.4%, 17.6%

HSLhsl(19.2, 88.3%, 56.3%)

HSV / HSBhsv(19.2, 81.4%, 94.9%)

CMYK0%, 55.4%, 81.4%, 5.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,887,405

CSS custom property--colour: #F26C2D;

Brightness & contrast

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

Perceived brightness156.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.96:1

Contrast with white3.02:1WCAG normal text: Fail

Contrast with black6.96:1WCAG normal text: AA

Greyscale equivalent#848484

Inverted#0D93D2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#928223no red cones; affects about 1% of men; ΔE 53.9 from the original

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

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

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text3.02:1WCAG large text: AA

Contrast with black, large text6.96:1WCAG large text: AAA

Named colours

Coral · ΔE 11.9 Chocolate · ΔE 12.5 Tomato · ΔE 14.7 Dark orange · ΔE 22.8 Orange red · ΔE 23 Peru · ΔE 28.5

Nearest named CSS colourCoral (#FF7F50)ΔE 11.92, a distinctly different colour

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2DB3F2

Analogous#F22D51, #F2CE2D

Triadic#2DF26C, #6C2DF2

Split complementary#2DF2CE, #2D51F2

Tetradic#51F22D, #2DB3F2, #CE2DF2

Tints, shades & saturation

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

Lighter +40%#FEF2ED

Lighter +30%#FBD1BD

Lighter +20%#F8AF8D

Lighter +10%#F58E5D

Darker −10%#DE500E

Darker −20%#AE3F0B

Darker −30%#7E2E08

Darker −40%#4E1C05

More saturated +25%#FF6720

Less saturated −25%#D67649

Channel breakdown

R242

G108

B45

Red242 (94.9%)

Green108 (42.4%)

Blue45 (17.6%)

Hue19.19°

Saturation (HSL)88.34%

Lightness56.27%

Dominant channelRed

Hex per channelR F2 · G 6C · B 2D

Keep nerding

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

#F26C2D

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