Skip to the color picker

#f2a667 color: Shrimp Cocktail

#f2a667 is rgb(242, 166, 103) in RGB and oklch(78.627% 0.12002 59.424) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

27°
100%

78.6%
0.120
59°
  • Orange
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
2.01:1Hard to read
Lc -43
Black text
10.43:1Readable · AA
Lc 65

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 #f2a667

#f2a667 is a bright light orange color. In OKLCH it has 78.6% lightness, 0.12 chroma and a hue of 59°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.01:1 contrast and black text 10.43:1, so black text reads better.

The closest named color is Shrimp Cocktail (#f4a461). In Tailwind CSS the closest color is orange-300.

More light orange colors

Lighter: #f2a667 mixed with white

  1. f2a667
  2. f4af77
  3. f6b887
  4. f8c197
  5. f9caa6
  6. fbd3b5
  7. fcdcc4
  8. fde5d3
  9. feeee1
  10. fef6f0

Darker: #f2a667 mixed with black

  1. f2a667
  2. d29059
  3. b47a4b
  4. 96653d
  5. 795130
  6. 5e3e23
  7. 432b17
  8. 2b1a0c
  9. 140a04
  10. 030100

Calmer: #f2a667 with less saturation

  1. f2a667
  2. eda871
  3. e7ab7a
  4. e2ad83
  5. ddaf8b
  6. d7b193
  7. d1b39b
  8. cbb4a3
  9. c6b6aa
  10. bfb8b2

Questions about #f2a667

What color is #f2a667?

#f2a667 is bright light orange. The closest named color is Shrimp Cocktail. In RGB it is rgb(242, 166, 103), in HSL hsl(27.19, 84.24%, 67.65%) and in OKLCH oklch(78.627% 0.12002 59.424).

What colors go well with #f2a667?

The complementary color of #f2a667 is #6ac4fe. For a calmer combination use the analogous colors #fd9b8c and #d8b557. The triadic partners are #4dd2bb and #c4a8fb.

Is white or black text more readable on #f2a667?

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

Is #f2a667 a warm or cool color?

#f2a667 is a warm color. In OKLCH its hue is 59 degrees, its lightness 78.6% and its chroma 0.12.