Skip to the color picker

#b2aa30 color: Friendly Frog

#b2aa30 is rgb(178, 170, 48) in RGB and oklch(72.321% 0.13766 105.559) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

56°
100%

72.3%
0.138
106°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 30%

Inside sRGB: displays the same on any screen.

White text
2.42:1Hard to read
Lc -52
Black text
8.69:1Readable · AA
Lc 57

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

#b2aa30 is a bright light yellow color. In OKLCH it has 72.3% lightness, 0.138 chroma and a hue of 106°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.42:1 contrast and black text 8.69:1, so black text reads better.

The closest named color is Friendly Frog (#b3ac36). In Tailwind CSS the closest color is yellow-600.

More light yellow colors

Lighter: #b2aa30 mixed with white

  1. b2aa30
  2. b9b34d
  3. c1bb64
  4. c8c479
  5. d0cc8d
  6. d7d5a0
  7. dfddb4
  8. e7e6c7
  9. efeed9
  10. f7f7ec

Darker: #b2aa30 mixed with black

  1. b2aa30
  2. 9a9328
  3. 837d21
  4. 6d681a
  5. 575313
  6. 433f0c
  7. 2f2d06
  8. 1d1b03
  9. 0c0b01
  10. 010100

Calmer: #b2aa30 with less saturation

  1. b2aa30
  2. b1aa43
  3. afaa52
  4. aea95f
  5. aca96b
  6. aba976
  7. aaa880
  8. a9a88a
  9. a8a793
  10. a6a69c

Questions about #b2aa30

What color is #b2aa30?

#b2aa30 is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(178, 170, 48), in HSL hsl(56.31, 57.52%, 44.31%) and in OKLCH oklch(72.321% 0.13766 105.559).

What colors go well with #b2aa30?

The complementary color of #b2aa30 is #9e98f8. For a calmer combination use the analogous colors #d7982d and #7eb95d. The triadic partners are #00b6e7 and #e280b8.

Is white or black text more readable on #b2aa30?

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

Is #b2aa30 a warm or cool color?

#b2aa30 is a neutral color. In OKLCH its hue is 106 degrees, its lightness 72.3% and its chroma 0.138.