# #ecb354 color: Casablanca

#ecb354 is rgb(236, 179, 84) in RGB and oklch(80.155% 0.12944 77.769) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ecb354 |
| RGB | rgb(236, 179, 84) |
| HSL | hsl(37.5, 80%, 62.75%) |
| HSB / HSV | hsv(37.5 64.41% 92.55%) |
| HWB | hwb(37.5 32.94% 7.45%) |
| CMYK | cmyk(0% 24% 64% 7%) |
| Lab | lab(76.99 14.35 55.52) |
| LCH | lch(76.99 57.34 75.5) |
| OKLab | oklab(80.155% 0.02742 0.1265) |
| OKLCH | oklch(80.155% 0.12944 77.769) |
| Display P3 | color(display-p3 0.8911 0.7109 0.39252) |
| Rec. 2020 | color(rec2020 0.82396 0.68594 0.34389) |
| Adobe RGB | color(a98-rgb 0.86573 0.69608 0.35662) |
| ProPhoto RGB | color(prophoto-rgb 0.75657 0.66418 0.34064) |
| Linear sRGB | color(srgb-linear 0.8388 0.45079 0.08866) |
| XYZ D65 | color(xyz-d65 0.52311 0.50715 0.15422) |
| XYZ D50 | color(xyz-d50 0.55208 0.51516 0.11875) |
| SwiftUI | Color(red: 0.925, green: 0.702, blue: 0.329) |
| UIKit | UIColor(red: 0.925, green: 0.702, blue: 0.329, alpha: 1) |
| Flutter / Compose | Color(0xFFECB354) |
| Android XML | #ECB354 |

## 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.88:1
- Contrast with black: 11.14:1

## Tints

#ecb354, #eebb69, #f0c37b, #f3ca8d, #f5d29e, #f6daaf, #f8e1bf, #fae9cf, #fcf0df, #fdf8ef

## Shades

#ecb354, #cd9b48, #af843c, #926e31, #765826, #5b431b, #422f11, #291d08, #130c02, #030100

## Tones

#ecb354, #e8b562, #e3b66f, #dfb77a, #dab885, #d6ba8f, #d1bb99, #ccbca3, #c8bdac, #c3bdb5

## Harmonies

- Complementary: #ecb354, #8cc0ff
- Split: #ecb354, #50ceff, #bab0ff
- Analogous: #ecb354, #ffa372, #c7c459
- Triadic: #ecb354, #2bd7dc, #e1a3f4
- Tetradic: #ecb354, #94d27e, #8cc0ff, #e1a3f4
- Square: #ecb354, #59d9ae, #8cc0ff, #fb9bcd
- Monochromatic: #ecb354, #9e6900, #c48d27, #ffdd92, #fff1c6

## Questions about #ecb354

### What color is #ecb354?

#ecb354 is bright light amber. The closest named color is Casablanca. In RGB it is rgb(236, 179, 84), in HSL hsl(37.5, 80%, 62.75%) and in OKLCH oklch(80.155% 0.12944 77.769).

### What colors go well with #ecb354?

The complementary color of #ecb354 is #8cc0ff. For a calmer combination use the analogous colors #ffa372 and #c7c459. The triadic partners are #2bd7dc and #e1a3f4.

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

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

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

#ecb354 is a warm color. In OKLCH its hue is 78 degrees, its lightness 80.2% and its chroma 0.129.