# #bbb318 color: Citronelle

#bbb318 is rgb(187, 179, 24) in RGB and oklch(74.971% 0.15528 106.259) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bbb318 |
| RGB | rgb(187, 179, 24) |
| HSL | hsl(57.06, 77.25%, 41.37%) |
| HSB / HSV | hsv(57.06 87.17% 73.33%) |
| HWB | hwb(57.06 9.41% 26.67%) |
| CMYK | cmyk(0% 4% 87% 27%) |
| Lab | lab(71.84 -8.37 69.29) |
| LCH | lch(71.84 69.8 96.88) |
| OKLab | oklab(74.971% -0.04348 0.14907) |
| OKLCH | oklch(74.971% 0.15528 106.259) |
| Display P3 | color(display-p3 0.72789 0.70303 0.24639) |
| Rec. 2020 | color(rec2020 0.67626 0.66737 0.20117) |
| Adobe RGB | color(a98-rgb 0.7188 0.69608 0.19454) |
| ProPhoto RGB | color(prophoto-rgb 0.61195 0.63606 0.22702) |
| Linear sRGB | color(srgb-linear 0.49693 0.45079 0.00913) |
| XYZ D65 | color(xyz-d65 0.36777 0.42871 0.07202) |
| XYZ D50 | color(xyz-d50 0.39162 0.43428 0.0572) |
| SwiftUI | Color(red: 0.733, green: 0.702, blue: 0.094) |
| UIKit | UIColor(red: 0.733, green: 0.702, blue: 0.094, alpha: 1) |
| Flutter / Compose | Color(0xFFBBB318) |
| Android XML | #BBB318 |

## Facts

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

## Tints

#bbb318, #c1bb42, #c8c35d, #ceca74, #d5d28a, #dcda9e, #e3e1b2, #eae9c5, #f1f0d9, #f8f8ec

## Shades

#bbb318, #a29b13, #8a840f, #736e0a, #5c5807, #464304, #322f02, #1f1d01, #0d0c00, #020100

## Tones

#bbb318, #b9b338, #b8b34c, #b6b25c, #b5b26b, #b4b177, #b2b183, #b1b08e, #b0af99, #afafa4

## Harmonies

- Complementary: #bbb318, #a79dff
- Split: #bbb318, #6aafff, #d48def
- Analogous: #bbb318, #e59e0c, #7ec45b
- Triadic: #bbb318, #00c0f8, #f282c2
- Tetradic: #bbb318, #00cc97, #a79dff, #f282c2
- Square: #bbb318, #00c9cc, #a79dff, #ff818b
- Monochromatic: #bbb318, #706900, #968d00, #e1da51, #fffc75

## Questions about #bbb318

### What color is #bbb318?

#bbb318 is bright light yellow. The closest named color is Citronelle. In RGB it is rgb(187, 179, 24), in HSL hsl(57.06, 77.25%, 41.37%) and in OKLCH oklch(74.971% 0.15528 106.259).

### What colors go well with #bbb318?

The complementary color of #bbb318 is #a79dff. For a calmer combination use the analogous colors #e59e0c and #7ec45b. The triadic partners are #00c0f8 and #f282c2.

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

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

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

#bbb318 is a neutral color. In OKLCH its hue is 106 degrees, its lightness 75% and its chroma 0.155.