Skip to the color picker

#c7486b color: Royal Banner

#c7486b is rgb(199, 72, 107) in RGB and oklch(58.396% 0.16342 6.823) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

343°
100%

58.4%
0.163
7°
  • Rose
  • Medium
  • Soft
  • Warm
  • ≈ Ruby
  • pink-700
  • Black 22%

Inside sRGB: displays the same on any screen.

White text
4.60:1Readable · AA
Lc -77
Black text
4.57:1Readable · AA
Lc 33

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

#c7486b is a soft rose color. In OKLCH it has 58.4% lightness, 0.163 chroma and a hue of 7°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.6:1 contrast and black text 4.57:1, so white text reads better.

The closest named color is Royal Banner (#c74767). In Tailwind CSS the closest color is pink-700.

More medium rose colors

Lighter: #c7486b mixed with white

  1. c7486b
  2. cf5c79
  3. d66f87
  4. dd8295
  5. e494a3
  6. eaa6b2
  7. efb7c1
  8. f4c9d0
  9. f8dbe0
  10. fcedef

Darker: #c7486b mixed with black

  1. c7486b
  2. ad3d5c
  3. 93334e
  4. 7a293f
  5. 621f32
  6. 4c1625
  7. 360d18
  8. 21060d
  9. 0e0204
  10. 020000

Calmer: #c7486b with less saturation

  1. c7486b
  2. c14f6d
  3. ba566e
  4. b35c70
  5. ac6272
  6. a56773
  7. 9e6b75
  8. 967076
  9. 8d7478
  10. 85787a

Similar named colors

Colors that go with #c7486b

Complementary
#c7486b#009287
Analogous
#c7486b#b54e9e#c94f2b
Triadic
#c7486b#618b00#0080d6
Split
#c7486b#009751#008cab

Questions about #c7486b

What color is #c7486b?

#c7486b is soft rose. The closest named color is Royal Banner. In RGB it is rgb(199, 72, 107), in HSL hsl(343.46, 53.14%, 53.14%) and in OKLCH oklch(58.396% 0.16342 6.823).

What colors go well with #c7486b?

The complementary color of #c7486b is #009287. For a calmer combination use the analogous colors #b54e9e and #c94f2b. The triadic partners are #618b00 and #0080d6.

Is white or black text more readable on #c7486b?

White text reads better on #c7486b: white gives a contrast ratio of 4.6:1 and black gives 4.57:1. WCAG AA asks for at least 4.5:1 for body text.

Is #c7486b a warm or cool color?

#c7486b is a warm color. In OKLCH its hue is 7 degrees, its lightness 58.4% and its chroma 0.163.