Nerdulator> put something in

Colour

#F4864E

  • #F4864E
  • Orange
  • Dark
  • Nearest: Coral

#F4864E is a orange with RGB values 244, 134, 78 and HSL 20°, 88%, 63%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Coral.

Colour values

#F4864E#F4864E
HEX#F4864E
RGBrgb(244, 134, 78)
RGB (0–1)0.9569, 0.5255, 0.3059
RGB percentages95.7%, 52.5%, 30.6%
HSLhsl(20.2, 88.3%, 63.1%)
HSV / HSBhsv(20.2, 68%, 95.7%)
CMYK0%, 45.1%, 68%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,025,166
CSS custom property--colour: #F4864E;

Brightness & contrast

Relative luminance0.36833WCAG 2.x, 0 is black and 1 is white
Perceived brightness170.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.37:1
Contrast with white2.51:1WCAG normal text: Fail
Contrast with black8.37:1WCAG normal text: AAA
Greyscale equivalent#999999
Inverted#0B79B1

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A49548no red cones; affects about 1% of men; ΔE 42.9 from the original
Deuteranopia#BFAD4Dno green cones; the most common form, about 1% of men; ΔE 43.1 from the original
Tritanopia#FF7079no blue cones; rare, and affects men and women equally; ΔE 31 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.51:1WCAG large text: Fail
Contrast with black, large text8.37:1WCAG large text: AAA

Named colours

Coral · ΔE 7.8Chocolate · ΔE 14.2Sandy brown · ΔE 16.1Light salmon · ΔE 16.5Peru · ΔE 17Salmon · ΔE 20.3
Nearest named CSS colourCoral (#FF7F50)ΔE 7.82, clearly different but related
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#4EBCF4
Analogous#F44E69, #F4D94E
Triadic#4EF486, #864EF4
Split complementary#4EF4D9, #4E69F4
Tetradic#69F44E, #4EBCF4, #D94EF4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FDE8DE
Lighter +20%#FAC8AE
Lighter +10%#F7A77E
Darker −10%#F1651E
Darker −20%#CF4E0D
Darker −30%#9F3C0A
Darker −40%#6F2A07
More saturated +25%#FF8243
Less saturated −25%#DD8E66

Channel breakdown

R244
G134
B78
Red244 (95.7%)
Green134 (52.5%)
Blue78 (30.6%)
Hue20.24°
Saturation (HSL)88.3%
Lightness63.14%
Dominant channelRed
Hex per channelR F4 · G 86 · B 4E

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 “f4864e” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.