# #baa400 color: Sulphine Yellow

#baa400 is rgb(186, 164, 0) in RGB and oklch(71.596% 0.14867 99.633) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #baa400 |
| RGB | rgb(186, 164, 0) |
| HSL | hsl(52.9, 100%, 36.47%) |
| HSB / HSV | hsv(52.9 100% 72.94%) |
| HWB | hwb(52.9 0% 27.06%) |
| CMYK | cmyk(0% 12% 100% 27%) |
| Lab | lab(67.68 -1.63 69.64) |
| LCH | lch(67.68 69.66 91.34) |
| OKLab | oklab(71.596% -0.02488 0.14658) |
| OKLCH | oklch(71.596% 0.14867 99.633) |
| Display P3 | color(display-p3 0.71507 0.64624 0.2068) |
| Rec. 2020 | color(rec2020 0.65287 0.60797 0.16104) |
| Adobe RGB | color(a98-rgb 0.70035 0.63726 0.14939) |
| ProPhoto RGB | color(prophoto-rgb 0.58627 0.5778 0.19342) |
| Linear sRGB | color(srgb-linear 0.49102 0.37124 0) |
| XYZ D65 | color(xyz-d65 0.33524 0.36991 0.05374) |
| XYZ D50 | color(xyz-d50 0.3571 0.37538 0.04288) |
| SwiftUI | Color(red: 0.729, green: 0.643, blue: 0) |
| UIKit | UIColor(red: 0.729, green: 0.643, blue: 0, alpha: 1) |
| Flutter / Compose | Color(0xFFBAA400) |
| Android XML | #BAA400 |

## 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.5:1
- Contrast with black: 8.4:1

## Tints

#baa400, #c1ad39, #c7b756, #cec06e, #d5c984, #dcd29a, #e3dbae, #eae4c3, #f1edd7, #f8f6eb

## Shades

#baa400, #a18e00, #897900, #726400, #5c5000, #463d00, #322b00, #1e1a00, #0d0a00, #020100

## Tones

#baa400, #b8a42e, #b5a543, #b3a553, #b0a561, #aea56e, #aca57a, #aaa485, #a7a48f, #a5a499

## Harmonies

- Complementary: #baa400, #9297fe
- Split: #baa400, #50a8fc, #bf87e9
- Analogous: #baa400, #de901c, #85b548
- Triadic: #baa400, #00b7e3, #df7cc1
- Tetradic: #baa400, #31bf82, #9297fe, #df7cc1
- Square: #baa400, #00bfb7, #9297fe, #f0788f
- Monochromatic: #baa400, #6d5c00, #947f00, #e1cb47, #fff273

## Questions about #baa400

### What color is #baa400?

#baa400 is bright light yellow. The closest named color is Sulphine Yellow. In RGB it is rgb(186, 164, 0), in HSL hsl(52.9, 100%, 36.47%) and in OKLCH oklch(71.596% 0.14867 99.633).

### What colors go well with #baa400?

The complementary color of #baa400 is #9297fe. For a calmer combination use the analogous colors #de901c and #85b548. The triadic partners are #00b7e3 and #df7cc1.

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

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

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

#baa400 is a warm color. In OKLCH its hue is 100 degrees, its lightness 71.6% and its chroma 0.149.