# #f5b151 color: Casablanca

#f5b151 is rgb(245, 177, 81) in RGB and oklch(80.709% 0.1363 72.932) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f5b151 |
| RGB | rgb(245, 177, 81) |
| HSL | hsl(35.12, 89.13%, 63.92%) |
| HSB / HSV | hsv(35.12 66.94% 96.08%) |
| HWB | hwb(35.12 31.76% 3.92%) |
| CMYK | cmyk(0% 28% 67% 4%) |
| Lab | lab(77.48 18.96 57.73) |
| LCH | lch(77.48 60.76 71.82) |
| OKLab | oklab(80.709% 0.04 0.1303) |
| OKLCH | oklch(80.709% 0.1363 72.932) |
| Display P3 | color(display-p3 0.92072 0.70516 0.38463) |
| Rec. 2020 | color(rec2020 0.84966 0.68207 0.33559) |
| Adobe RGB | color(a98-rgb 0.89225 0.68821 0.34615) |
| ProPhoto RGB | color(prophoto-rgb 0.78041 0.66218 0.33325) |
| Linear sRGB | color(srgb-linear 0.9131 0.43966 0.08228) |
| XYZ D65 | color(xyz-d65 0.54862 0.51453 0.14827) |
| XYZ D50 | color(xyz-d50 0.57928 0.52333 0.11415) |
| SwiftUI | Color(red: 0.961, green: 0.694, blue: 0.318) |
| UIKit | UIColor(red: 0.961, green: 0.694, blue: 0.318, alpha: 1) |
| Flutter / Compose | Color(0xFFF5B151) |
| Android XML | #F5B151 |

## Facts

- Closest name: Casablanca
- Hue family: Amber, bright light amber
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.86:1
- Contrast with black: 11.29:1

## Tints

#f5b151, #f7b966, #f8c17a, #f9c98c, #fad19d, #fbd9ae, #fce1be, #fde8cf, #fef0df, #fff7ef

## Shades

#f5b151, #d59945, #b6833a, #986c2f, #7b5724, #5f421a, #442f10, #2b1c07, #150c02, #030100

## Tones

#f5b151, #f0b360, #ebb56d, #e6b779, #e1b885, #dbba90, #d6bb9a, #d1bca4, #cbbead, #c5bfb7

## Harmonies

- Complementary: #f5b151, #86c4ff
- Split: #f5b151, #3cd3ff, #b5b5ff
- Analogous: #f5b151, #ffa176, #d0c34f
- Triadic: #f5b151, #14dbd8, #dfa5ff
- Tetradic: #f5b151, #9dd374, #86c4ff, #dfa5ff
- Square: #f5b151, #5ddba6, #86c4ff, #fc9bd7
- Monochromatic: #f5b151, #a66700, #cd8b22, #ffdea3, #fff0cc

## Questions about #f5b151

### What color is #f5b151?

#f5b151 is bright light amber. The closest named color is Casablanca. In RGB it is rgb(245, 177, 81), in HSL hsl(35.12, 89.13%, 63.92%) and in OKLCH oklch(80.709% 0.1363 72.932).

### What colors go well with #f5b151?

The complementary color of #f5b151 is #86c4ff. For a calmer combination use the analogous colors #ffa176 and #d0c34f. The triadic partners are #14dbd8 and #dfa5ff.

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

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

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

#f5b151 is a warm color. In OKLCH its hue is 73 degrees, its lightness 80.7% and its chroma 0.136.