Skip to the color picker

#bad553 color: Frog Prince

#bad553 is rgb(186, 213, 83) in RGB and oklch(82.775% 0.15763 119.91) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

72°
100%

82.8%
0.158
120°
  • Lime
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • lime-300
  • Black 16%

Inside sRGB: displays the same on any screen.

White text
1.65:1Hard to read
Lc -32
Black text
12.73:1Readable · AA
Lc 75

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

#bad553 is a bright light lime color. In OKLCH it has 82.8% lightness, 0.158 chroma and a hue of 120°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.65:1 contrast and black text 12.73:1, so black text reads better.

The closest named color is Frog Prince (#bbd75a). In Tailwind CSS the closest color is lime-300.

More light lime colors

Lighter: #bad553 mixed with white

  1. bad553
  2. c1da69
  3. c7de7c
  4. cee28e
  5. d5e79f
  6. dbebb0
  7. e2efc0
  8. e9f3d0
  9. f1f7e0
  10. f8fbef

Darker: #bad553 mixed with black

  1. bad553
  2. a1b947
  3. 899e3b
  4. 728330
  5. 5c6a25
  6. 46511b
  7. 323a11
  8. 1e2408
  9. 0d1002
  10. 020200

Calmer: #bad553 with less saturation

  1. bad553
  2. bbd463
  3. bcd371
  4. bdd17e
  5. bed08a
  6. c0cf95
  7. c1cd9f
  8. c2ccaa
  9. c4cab3
  10. c5c8bd

Questions about #bad553

What color is #bad553?

#bad553 is bright light lime. The closest named color is Frog Prince. In RGB it is rgb(186, 213, 83), in HSL hsl(72.46, 60.75%, 58.04%) and in OKLCH oklch(82.775% 0.15763 119.91).

What colors go well with #bad553?

The complementary color of #bad553 is #d3b3ff. For a calmer combination use the analogous colors #eec12f and #72e38e. The triadic partners are #78d1ff and #ffa2c3.

Is white or black text more readable on #bad553?

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

Is #bad553 a warm or cool color?

#bad553 is a neutral color. In OKLCH its hue is 120 degrees, its lightness 82.8% and its chroma 0.158.