Skip to the color picker

#bdc350 color: Tropic Canary

#bdc350 is rgb(189, 195, 80) in RGB and oklch(78.999% 0.13799 111.944) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

63°
100%

79%
0.138
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 #bdc350

#bdc350 is a bright light yellow color. In OKLCH it has 79% lightness, 0.138 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: #bdc350 mixed with white

  1. bdc350
  2. c3c965
  3. c9cf79
  4. d0d68b
  5. d6dc9c
  6. dde2ad
  7. e4e8be
  8. eaeece
  9. f1f3de
  10. f8f9ef

Darker: #bdc350 mixed with black

  1. bdc350
  2. a4a944
  3. 8c9039
  4. 74782e
  5. 5d6024
  6. 474a1a
  7. 333410
  8. 1f2007
  9. 0d0e02
  10. 020200

Calmer: #bdc350 with less saturation

  1. bdc350
  2. bdc25f
  3. bcc26b
  4. bcc177
  5. bbc082
  6. bbc08c
  7. bbbf96
  8. bbbea0
  9. bbbda9
  10. babcb2

Questions about #bdc350

What color is #bdc350?

#bdc350 is bright light yellow. The closest named color is Tropic Canary. In RGB it is rgb(189, 195, 80), in HSL hsl(63.13, 48.94%, 53.92%) and in OKLCH oklch(78.999% 0.13799 111.944).

What colors go well with #bdc350?

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

Is white or black text more readable on #bdc350?

Black text reads better on #bdc350: 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 #bdc350 a warm or cool color?

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