Skip to the color picker

#f686b2 color: Brown Knapweed

#f686b2 is rgb(246, 134, 178) in RGB and oklch(75.466% 0.14417 356.178) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

336°
100%

75.5%
0.144
356°
  • Pink
  • Light
  • Vivid
  • Warm
  • ≈ Hot pink
  • rose-300
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
2.34:1Hard to read
Lc -51
Black text
8.97:1Readable · AA
Lc 58

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #f686b2

#f686b2 is a bright light pink color. In OKLCH it has 75.5% lightness, 0.144 chroma and a hue of 356°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.34:1 contrast and black text 8.97:1, so black text reads better.

The closest named color is Brown Knapweed (#f485ac). In Tailwind CSS the closest color is rose-300.

More light pink colors

Lighter: #f686b2 mixed with white

  1. f686b2
  2. f893b9
  3. fa9fc1
  4. fcabc9
  5. feb7d0
  6. ffc4d8
  7. ffcfe0
  8. ffdbe7
  9. ffe7ef
  10. fff3f7

Darker: #f686b2 mixed with black

  1. f686b2
  2. d6749a
  3. b76283
  4. 98516d
  5. 7b4057
  6. 5f3043
  7. 45212f
  8. 2c131d
  9. 15060c
  10. 030101

Calmer: #f686b2 with less saturation

  1. f686b2
  2. f08bb2
  3. ea90b1
  4. e394b1
  5. dc99b1
  6. d59db1
  7. cea1b0
  8. c7a5b0
  9. bfa8b0
  10. b8acaf

Questions about #f686b2

What color is #f686b2?

#f686b2 is bright light pink. The closest named color is Brown Knapweed. In RGB it is rgb(246, 134, 178), in HSL hsl(336.43, 86.15%, 74.51%) and in OKLCH oklch(75.466% 0.14417 356.178).

What colors go well with #f686b2?

The complementary color of #f686b2 is #00ccac. For a calmer combination use the analogous colors #de8de0 and #fe887e. The triadic partners are #abba42 and #3bbcfe.

Is white or black text more readable on #f686b2?

Black text reads better on #f686b2: white gives a contrast ratio of 2.34:1 and black gives 8.97:1. WCAG AA asks for at least 4.5:1 for body text.

Is #f686b2 a warm or cool color?

#f686b2 is a warm color. In OKLCH its hue is 356 degrees, its lightness 75.5% and its chroma 0.144.