Nerdulator> put something in

Recognised as Colour

#F7D7C4

  • #F7D7C4
  • Orange
  • Light
  • Nearest: Peach puff

#F7D7C4 is a orange with RGB values 247, 215, 196 and HSL 22°, 76%, 87%. It is a light colour, so black text on it reaches 15.5:1 contrast (AAA for normal text). The nearest named colour is Peach puff.

Colour values

#F7D7C4#F7D7C4
HEX#F7D7C4
RGBrgb(247, 215, 196)
RGB (0–1)0.9686, 0.8431, 0.7686
RGB percentages96.9%, 84.3%, 76.9%
HSLhsl(22.4, 76.1%, 86.9%)
HSV / HSBhsv(22.4, 20.6%, 96.9%)
CMYK0%, 13%, 20.6%, 3.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,242,628
CSS custom property--colour: #F7D7C4;

Brightness & contrast

Relative luminance0.72361WCAG 2.x, 0 is black and 1 is white
Perceived brightness223.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.47:1
Contrast with white1.36:1WCAG normal text: Fail
Contrast with black15.47:1WCAG normal text: AAA
Greyscale equivalent#DCDCDC
Inverted#08283B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E0D9C3no red cones; affects about 1% of men; ΔE 9.8 from the original
Deuteranopia#E7E0C4no green cones; the most common form, about 1% of men; ΔE 10.5 from the original
Tritanopia#FFD2D2no blue cones; rare, and affects men and women equally; ΔE 10.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.36:1WCAG large text: Fail
Contrast with black, large text15.47:1WCAG large text: AAA

Named colours

Peach puff · ΔE 7.6Bisque · ΔE 7.7Antique white · ΔE 8.7Blanched almond · ΔE 9.1Misty rose · ΔE 9.8Papaya whip · ΔE 9.9
Nearest named CSS colourPeach puff (#FFDAB9)ΔE 7.65, clearly different but related
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C4E4F7
Analogous#F7C4CB, #F7F1C4
Triadic#C4F7D7, #D7C4F7
Split complementary#C4F7F1, #C4CBF7
Tetradic#CBF7C4, #C4E4F7, #F1C4F7

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#FDF5F1
Darker −10%#F1B997
Darker −20%#EB9A6A
Darker −30%#E57C3D
Darker −40%#D2601D
More saturated +25%#FFD5BC
Less saturated −25%#EFD9CC

Channel breakdown

R247
G215
B196
Red247 (96.9%)
Green215 (84.3%)
Blue196 (76.9%)
Hue22.35°
Saturation (HSL)76.12%
Lightness86.86%
Dominant channelRed
Hex per channelR F7 · G D7 · B C4

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