# #f4cc76 color: Yellow Bird

#f4cc76 is rgb(244, 204, 118) in RGB and oklch(86.201% 0.11428 85.069) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f4cc76 |
| RGB | rgb(244, 204, 118) |
| HSL | hsl(40.95, 85.14%, 70.98%) |
| HSB / HSV | hsv(40.95 51.64% 95.69%) |
| HWB | hwb(40.95 46.27% 4.31%) |
| CMYK | cmyk(0% 16% 52% 4%) |
| Lab | lab(84.23 7.03 47.99) |
| LCH | lch(84.23 48.5 81.66) |
| OKLab | oklab(86.201% 0.00982 0.11386) |
| OKLCH | oklch(86.201% 0.11428 85.069) |
| Display P3 | color(display-p3 0.93153 0.80586 0.51075) |
| Rec. 2020 | color(rec2020 0.88045 0.78711 0.46836) |
| Adobe RGB | color(a98-rgb 0.91319 0.79502 0.47946) |
| ProPhoto RGB | color(prophoto-rgb 0.82261 0.76781 0.4558) |
| Linear sRGB | color(srgb-linear 0.90466 0.60383 0.18116) |
| XYZ D65 | color(xyz-d65 0.62169 0.63728 0.26166) |
| XYZ D50 | color(xyz-d50 0.65298 0.64514 0.20059) |
| SwiftUI | Color(red: 0.957, green: 0.8, blue: 0.463) |
| UIKit | UIColor(red: 0.957, green: 0.8, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFFF4CC76) |
| Android XML | #F4CC76 |

## Facts

- Closest name: Yellow Bird
- Hue family: Yellow, pastel very light yellow
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.53:1
- Contrast with black: 13.75:1

## Tints

#f4cc76, #f5d185, #f6d794, #f8dca2, #f9e1b0, #fae6bd, #fbebcb, #fcf0d8, #fdf5e5, #fefaf2

## Shades

#f4cc76, #d4b166, #b59756, #977e47, #7a6538, #5e4e29, #44371c, #2b220f, #140f05, #030201

## Tones

#f4cc76, #f1cd81, #edce8b, #eace95, #e6cf9e, #e3cfa7, #dfd0b0, #dcd0b9, #d8d1c1, #d5d1c9

## Harmonies

- Complementary: #f4cc76, #b5d1ff
- Split: #f4cc76, #8addff, #d6c5ff
- Analogous: #f4cc76, #ffbe88, #cfdb81
- Triadic: #f4cc76, #67e7f5, #f8b8fb
- Tetradic: #f4cc76, #a1e6a3, #b5d1ff, #f8b8fb
- Square: #f4cc76, #76eacd, #b5d1ff, #ffb3d5
- Monochromatic: #f4cc76, #a68125, #cca64f, #fff2b9, #fff2b9

## Questions about #f4cc76

### What color is #f4cc76?

#f4cc76 is pastel very light yellow. The closest named color is Yellow Bird. In RGB it is rgb(244, 204, 118), in HSL hsl(40.95, 85.14%, 70.98%) and in OKLCH oklch(86.201% 0.11428 85.069).

### What colors go well with #f4cc76?

The complementary color of #f4cc76 is #b5d1ff. For a calmer combination use the analogous colors #ffbe88 and #cfdb81. The triadic partners are #67e7f5 and #f8b8fb.

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

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

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

#f4cc76 is a warm color. In OKLCH its hue is 85 degrees, its lightness 86.2% and its chroma 0.114.