Colour

#F8BAC6

#F8BAC6
Red
Light
Nearest: Pink

#F8BAC6 is a red with RGB values 248, 186, 198 and HSL 348°, 82%, 85%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Pink.

Colour values

#F8BAC6#F8BAC6

HEX#F8BAC6

RGBrgb(248, 186, 198)

RGB (0–1)0.9725, 0.7294, 0.7765

RGB percentages97.3%, 72.9%, 77.6%

HSLhsl(348.4, 81.6%, 85.1%)

HSV / HSBhsv(348.4, 25%, 97.3%)

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

24-bit integer16,300,742

CSS custom property--colour: #F8BAC6;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.83:1

Contrast with white1.64:1WCAG normal text: Fail

Contrast with black12.83:1WCAG normal text: AAA

Greyscale equivalent#C8C8C8

Inverted#074539

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#C3C4C6no red cones; affects about 1% of men; ΔE 24.5 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.64:1WCAG large text: Fail

Contrast with black, large text12.83:1WCAG large text: AAA

Named colours

Pink · ΔE 2.3 Light pink · ΔE 4.5 Thistle · ΔE 16.2 Misty rose · ΔE 19.1 Rosy brown · ΔE 19.5 Lavender blush · ΔE 23.6

Nearest named CSS colourPink (#FFC0CB)ΔE 2.29, below the just-noticeable difference

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#BAF8EC

Analogous#F8BAE5, #F8CDBA

Triadic#C6F8BA, #BAC6F8

Split complementary#BAF8CD, #BAE5F8

Tetradic#E5F8BA, #BAF8EC, #CDBAF8

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#FDE8EC

Darker −10%#F38CA0

Darker −20%#EF5D79

Darker −30%#EA2F53

Darker −40%#D11539

More saturated +25%#FFB3C2

Less saturated −25%#EFC3CC

Channel breakdown

R248

G186

B198

Red248 (97.3%)

Green186 (72.9%)

Blue198 (77.6%)

Hue348.39°

Saturation (HSL)81.58%

Lightness85.1%

Dominant channelRed

Hex per channelR F8 · G BA · B C6

Keep nerding

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

#F8BAC6

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