# #b4bb3d color: Hopscotch

#b4bb3d is rgb(180, 187, 61) in RGB and oklch(76.331% 0.14597 112.475) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/b4bb3d

## Formats

| Format | Value |
| --- | --- |
| HEX | #b4bb3d |
| RGB | rgb(180, 187, 61) |
| HSL | hsl(63.33, 50.81%, 48.63%) |
| HSB / HSV | hsv(63.33 67.38% 73.33%) |
| HWB | hwb(63.33 23.92% 26.67%) |
| CMYK | cmyk(4% 0% 67% 27%) |
| Lab | lab(73.59 -14.16 59.64) |
| LCH | lch(73.59 61.3 103.35) |
| OKLab | oklab(76.331% -0.0558 0.13488) |
| OKLCH | oklch(76.331% 0.14597 112.475) |
| Display P3 | color(display-p3 0.71086 0.73244 0.32505) |
| Rec. 2020 | color(rec2020 0.66971 0.69743 0.27824) |
| Adobe RGB | color(a98-rgb 0.70801 0.72762 0.28895) |
| ProPhoto RGB | color(prophoto-rgb 0.61118 0.66534 0.28825) |
| Linear sRGB | color(srgb-linear 0.45641 0.49693 0.04667) |
| XYZ D65 | color(xyz-d65 0.37434 0.45581 0.11241) |
| XYZ D50 | color(xyz-d50 0.3971 0.46062 0.08792) |
| SwiftUI | Color(red: 0.706, green: 0.733, blue: 0.239) |
| UIKit | UIColor(red: 0.706, green: 0.733, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFFB4BB3D) |
| Android XML | #B4BB3D |

## Facts

- Closest name: Hopscotch
- Hue family: Yellow, bright light yellow
- Closest Tailwind class: yellow-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.08:1
- Contrast with black: 10.12:1

## Tints

#b4bb3d, #bbc257, #c2c96d, #c9d081, #d1d794, #d8dea6, #e0e4b8, #e7ebca, #eff2dc, #f7f8ed

## Shades

#b4bb3d, #9ca234, #858a2b, #6e7322, #585c1a, #444612, #30320a, #1d1f04, #0c0d01, #020200

## Tones

#b4bb3d, #b4ba4f, #b3ba5e, #b3b96a, #b3b876, #b2b781, #b2b68c, #b2b596, #b2b49f, #b2b3a9

## Harmonies

- Complementary: #b4bb3d, #b59fff
- Split: #b4bb3d, #80b1ff, #de91e8
- Analogous: #b4bb3d, #dfa82a, #78c971
- Triadic: #b4bb3d, #2ec1ff, #f889bb
- Tetradic: #b4bb3d, #0ccfa8, #b59fff, #f889bb
- Square: #b4bb3d, #00ccda, #b59fff, #ff8a87
- Monochromatic: #b4bb3d, #6c7000, #8f9500, #dae268, #f7ff85

## Questions about #b4bb3d

### What color is #b4bb3d?

#b4bb3d is bright light yellow. The closest named color is Hopscotch. In RGB it is rgb(180, 187, 61), in HSL hsl(63.33, 50.81%, 48.63%) and in OKLCH oklch(76.331% 0.14597 112.475).

### What colors go well with #b4bb3d?

The complementary color of #b4bb3d is #b59fff. For a calmer combination use the analogous colors #dfa82a and #78c971. The triadic partners are #2ec1ff and #f889bb.

### Is white or black text more readable on #b4bb3d?

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

### Is #b4bb3d a warm or cool color?

#b4bb3d is a neutral color. In OKLCH its hue is 112 degrees, its lightness 76.3% and its chroma 0.146.