# #bba703 color: Sulphine Yellow

#bba703 is rgb(187, 167, 3) in RGB and oklch(72.338% 0.15023 100.692) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bba703 |
| RGB | rgb(187, 167, 3) |
| HSL | hsl(53.48, 96.84%, 37.25%) |
| HSB / HSV | hsv(53.48 98.4% 73.33%) |
| HWB | hwb(53.48 1.18% 26.67%) |
| CMYK | cmyk(0% 11% 98% 27%) |
| Lab | lab(68.58 -2.67 69.94) |
| LCH | lch(68.58 69.99 92.18) |
| OKLab | oklab(72.338% -0.02787 0.14763) |
| OKLCH | oklch(72.338% 0.15023 100.692) |
| Display P3 | color(display-p3 0.72021 0.6577 0.21298) |
| Rec. 2020 | color(rec2020 0.65972 0.62005 0.16742) |
| Adobe RGB | color(a98-rgb 0.70629 0.64899 0.15588) |
| ProPhoto RGB | color(prophoto-rgb 0.59328 0.58966 0.19889) |
| Linear sRGB | color(srgb-linear 0.49693 0.38643 0.00091) |
| XYZ D65 | color(xyz-d65 0.34328 0.3821 0.05653) |
| XYZ D50 | color(xyz-d50 0.36566 0.38765 0.04508) |
| SwiftUI | Color(red: 0.733, green: 0.655, blue: 0.012) |
| UIKit | UIColor(red: 0.733, green: 0.655, blue: 0.012, alpha: 1) |
| Flutter / Compose | Color(0xFFBBA703) |
| Android XML | #BBA703 |

## Facts

- Closest name: Sulphine Yellow
- Hue family: Yellow, bright light yellow
- Closest Tailwind class: yellow-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.43:1
- Contrast with black: 8.64:1

## Tints

#bba703, #c1b03b, #c8b957, #cfc26f, #d5cb85, #dcd49a, #e3dcaf, #eae5c3, #f1eed7, #f8f6eb

## Shades

#bba703, #a29102, #8a7b02, #736601, #5c5201, #463e00, #322c00, #1f1a00, #0d0a00, #020100

## Tones

#bba703, #b9a72f, #b6a745, #b4a755, #b2a763, #b0a770, #aea77c, #aca787, #a9a791, #a7a69b

## Harmonies

- Complementary: #bba703, #9599ff
- Split: #bba703, #55aaff, #c388eb
- Analogous: #bba703, #e09319, #84b84b
- Triadic: #bba703, #00b9e7, #e37dc2
- Tetradic: #bba703, #2dc286, #9599ff, #e37dc2
- Square: #bba703, #00c1bb, #9599ff, #f47a8f
- Monochromatic: #bba703, #6e5f00, #958200, #e2ce48, #fff674

## Questions about #bba703

### What color is #bba703?

#bba703 is bright light yellow. The closest named color is Sulphine Yellow. In RGB it is rgb(187, 167, 3), in HSL hsl(53.48, 96.84%, 37.25%) and in OKLCH oklch(72.338% 0.15023 100.692).

### What colors go well with #bba703?

The complementary color of #bba703 is #9599ff. For a calmer combination use the analogous colors #e09319 and #84b84b. The triadic partners are #00b9e7 and #e37dc2.

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

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

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

#bba703 is a neutral color. In OKLCH its hue is 101 degrees, its lightness 72.3% and its chroma 0.15.