# #ccb03d color: Sugar Leaves

#ccb03d is rgb(204, 176, 61) in RGB and oklch(76.116% 0.13417 95.147) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccb03d |
| RGB | rgb(204, 176, 61) |
| HSL | hsl(48.25, 58.37%, 51.96%) |
| HSB / HSV | hsv(48.25 70.1% 80%) |
| HWB | hwb(48.25 23.92% 20%) |
| CMYK | cmyk(0% 14% 70% 20%) |
| Lab | lab(72.79 1.41 59.74) |
| LCH | lch(72.79 59.76 88.65) |
| OKLab | oklab(76.116% -0.01204 0.13363) |
| OKLCH | oklch(76.116% 0.13417 95.147) |
| Display P3 | color(display-p3 0.78196 0.69421 0.32131) |
| Rec. 2020 | color(rec2020 0.72247 0.66159 0.2725) |
| Adobe RGB | color(a98-rgb 0.76543 0.68428 0.28369) |
| ProPhoto RGB | color(prophoto-rgb 0.65701 0.63369 0.28081) |
| Linear sRGB | color(srgb-linear 0.60383 0.43415 0.04667) |
| XYZ D65 | color(xyz-d65 0.41268 0.44226 0.10778) |
| XYZ D50 | color(xyz-d50 0.4372 0.44842 0.08388) |
| SwiftUI | Color(red: 0.8, green: 0.69, blue: 0.239) |
| UIKit | UIColor(red: 0.8, green: 0.69, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFFCCB03D) |
| Android XML | #CCB03D |

## Facts

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

## Tints

#ccb03d, #d1b857, #d6c06c, #dbc880, #e0d093, #e5d8a6, #eae0b8, #efe8ca, #f5efdc, #faf7ed

## Shades

#ccb03d, #b19934, #97822b, #7e6c22, #65561a, #4e4212, #372e0a, #221c04, #0f0b01, #020100

## Tones

#ccb03d, #c9b04f, #c7b15d, #c4b16a, #c1b176, #beb281, #bcb28b, #b9b295, #b6b29f, #b4b1a8

## Harmonies

- Complementary: #ccb03d, #99a9ff
- Split: #ccb03d, #60b9ff, #c59af6
- Analogous: #ccb03d, #eb9e4b, #9ec05c
- Triadic: #ccb03d, #04c6e6, #e68fd3
- Tetradic: #ccb03d, #61ca8c, #99a9ff, #e68fd3
- Square: #ccb03d, #00ccbd, #99a9ff, #f88ba6
- Monochromatic: #ccb03d, #806700, #a68a00, #f3d768, #fff598

## Questions about #ccb03d

### What color is #ccb03d?

#ccb03d is bright light yellow. The closest named color is Sugar Leaves. In RGB it is rgb(204, 176, 61), in HSL hsl(48.25, 58.37%, 51.96%) and in OKLCH oklch(76.116% 0.13417 95.147).

### What colors go well with #ccb03d?

The complementary color of #ccb03d is #99a9ff. For a calmer combination use the analogous colors #eb9e4b and #9ec05c. The triadic partners are #04c6e6 and #e68fd3.

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

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

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

#ccb03d is a warm color. In OKLCH its hue is 95 degrees, its lightness 76.1% and its chroma 0.134.