Skip to the color picker

#bdc351 color: Tropic Canary

#bdc351 is rgb(189, 195, 81) in RGB and oklch(79.009% 0.13714 111.946) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

63°
100%

79%
0.137
112°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
1.89:1Hard to read
Lc -40
Black text
11.09:1Readable · AA
Lc 68

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

#bdc351 is a bright light yellow color. In OKLCH it has 79% lightness, 0.137 chroma and a hue of 112°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.89:1 contrast and black text 11.09:1, so black text reads better.

The closest named color is Tropic Canary (#bcc23c). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #bdc351 mixed with white

  1. bdc351
  2. c3c966
  3. c9cf79
  4. d0d68b
  5. d6dc9d
  6. dde2ad
  7. e4e8be
  8. eaedce
  9. f1f3df
  10. f8f9ef

Darker: #bdc351 mixed with black

  1. bdc351
  2. a4a945
  3. 8c903a
  4. 74782f
  5. 5d6024
  6. 474a1a
  7. 333410
  8. 1f2007
  9. 0d0e02
  10. 020200

Calmer: #bdc351 with less saturation

  1. bdc351
  2. bdc25f
  3. bcc26c
  4. bcc178
  5. bbc082
  6. bbc08d
  7. bbbf96
  8. bbbea0
  9. bbbda9
  10. babcb2

Questions about #bdc351

What color is #bdc351?

#bdc351 is bright light yellow. The closest named color is Tropic Canary. In RGB it is rgb(189, 195, 81), in HSL hsl(63.16, 48.72%, 54.12%) and in OKLCH oklch(79.009% 0.13714 111.946).

What colors go well with #bdc351?

The complementary color of #bdc351 is #bda9ff. For a calmer combination use the analogous colors #e6b144 and #85d17d. The triadic partners are #49c9ff and #fd94c4.

Is white or black text more readable on #bdc351?

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

Is #bdc351 a warm or cool color?

#bdc351 is a neutral color. In OKLCH its hue is 112 degrees, its lightness 79% and its chroma 0.137.