# #ccbf50 color: Sulphur Yellow

#ccbf50 is rgb(204, 191, 80) in RGB and oklch(79.419% 0.13196 102.655) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccbf50 |
| RGB | rgb(204, 191, 80) |
| HSL | hsl(53.71, 54.87%, 55.69%) |
| HSB / HSV | hsv(53.71 60.78% 80%) |
| HWB | hwb(53.71 31.37% 20%) |
| CMYK | cmyk(0% 6% 61% 20%) |
| Lab | lab(76.84 -5.18 56) |
| LCH | lch(76.84 56.24 95.29) |
| OKLab | oklab(79.419% -0.02891 0.12876) |
| OKLCH | oklch(79.419% 0.13196 102.655) |
| Display P3 | color(display-p3 0.79126 0.75078 0.38272) |
| Rec. 2020 | color(rec2020 0.74336 0.72098 0.33596) |
| Adobe RGB | color(a98-rgb 0.78074 0.74343 0.34836) |
| ProPhoto RGB | color(prophoto-rgb 0.68257 0.69295 0.33667) |
| Linear sRGB | color(srgb-linear 0.60383 0.521 0.08022) |
| XYZ D65 | color(xyz-d65 0.44979 0.50679 0.15002) |
| XYZ D50 | color(xyz-d50 0.47545 0.51271 0.11627) |
| SwiftUI | Color(red: 0.8, green: 0.749, blue: 0.314) |
| UIKit | UIColor(red: 0.8, green: 0.749, blue: 0.314, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBF50) |
| Android XML | #CCBF50 |

## Facts

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

## Tints

#ccbf50, #d1c665, #d6cc79, #dbd38b, #e0d99c, #e5e0ad, #eae6be, #efecce, #f4f3df, #faf9ef

## Shades

#ccbf50, #b1a644, #978d39, #7e752e, #655e24, #4e481a, #373310, #221f07, #0f0d02, #020200

## Tones

#ccbf50, #cabf5f, #c8bf6c, #c7bf78, #c5be83, #c3be8d, #c2be97, #c0bda0, #bfbdaa, #bdbcb3

## Harmonies

- Complementary: #ccbf50, #b0b1ff
- Split: #ccbf50, #7dc0ff, #d9a2f9
- Analogous: #ccbf50, #efad52, #9bce73
- Triadic: #ccbf50, #3ecef9, #f699d3
- Tetradic: #ccbf50, #5ed6a3, #b0b1ff, #f699d3
- Square: #ccbf50, #20d6d3, #b0b1ff, #ff97a4
- Monochromatic: #ccbf50, #827400, #a69921, #f3e679, #fff98b

## Questions about #ccbf50

### What color is #ccbf50?

#ccbf50 is bright light yellow. The closest named color is Sulphur Yellow. In RGB it is rgb(204, 191, 80), in HSL hsl(53.71, 54.87%, 55.69%) and in OKLCH oklch(79.419% 0.13196 102.655).

### What colors go well with #ccbf50?

The complementary color of #ccbf50 is #b0b1ff. For a calmer combination use the analogous colors #efad52 and #9bce73. The triadic partners are #3ecef9 and #f699d3.

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

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

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

#ccbf50 is a neutral color. In OKLCH its hue is 103 degrees, its lightness 79.4% and its chroma 0.132.