Nerdulator> put something in

Colour

#F88B4F

  • #F88B4F
  • Orange
  • Dark
  • Nearest: Coral

#F88B4F is a orange with RGB values 248, 139, 79 and HSL 21°, 92%, 64%. It is a dark colour, so black text on it reaches 8.8:1 contrast (AAA for normal text). The nearest named colour is Coral.

Colour values

#F88B4F#F88B4F
HEX#F88B4F
RGBrgb(248, 139, 79)
RGB (0–1)0.9725, 0.5451, 0.3098
RGB percentages97.3%, 54.5%, 31%
HSLhsl(21.3, 92.3%, 64.1%)
HSV / HSBhsv(21.3, 68.1%, 97.3%)
CMYK0%, 44%, 68.1%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,288,591
CSS custom property--colour: #F88B4F;

Brightness & contrast

Relative luminance0.38986WCAG 2.x, 0 is black and 1 is white
Perceived brightness174.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.8:1
Contrast with white2.39:1WCAG normal text: Fail
Contrast with black8.8:1WCAG normal text: AAA
Greyscale equivalent#9E9E9E
Inverted#0774B0

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A99949no red cones; affects about 1% of men; ΔE 41.9 from the original
Deuteranopia#C4B14Eno green cones; the most common form, about 1% of men; ΔE 42.1 from the original
Tritanopia#FF757Dno blue cones; rare, and affects men and women equally; ΔE 32.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.39:1WCAG large text: Fail
Contrast with black, large text8.8:1WCAG large text: AAA

Named colours

Coral · ΔE 9.1Chocolate · ΔE 14.7Sandy brown · ΔE 14.8Light salmon · ΔE 16.8Peru · ΔE 16.8Salmon · ΔE 22.1
Nearest named CSS colourCoral (#FF7F50)ΔE 9.06, clearly different but related
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#4FBCF8
Analogous#F84F67, #F8DF4F
Triadic#4FF88B, #8B4FF8
Split complementary#4FF8E0, #4F67F8
Tetradic#67F84F, #4FBCF8, #E04FF8

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FEECE2
Lighter +20%#FCCCB1
Lighter +10%#FAAB80
Darker −10%#F66B1E
Darker −20%#D85209
Darker −30%#A74007
Darker −40%#762D05
More saturated +25%#FF8948
Less saturated −25%#E19266

Channel breakdown

R248
G139
B79
Red248 (97.3%)
Green139 (54.5%)
Blue79 (31%)
Hue21.3°
Saturation (HSL)92.35%
Lightness64.12%
Dominant channelRed
Hex per channelR F8 · G 8B · B 4F

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