# #ea6c35 color: Mandarin Orange

#ea6c35 is rgb(234, 108, 53) in RGB and oklch(67.504% 0.17034 42.217) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ea6c35 |
| RGB | rgb(234, 108, 53) |
| HSL | hsl(18.23, 81.17%, 56.27%) |
| HSB / HSV | hsv(18.23 77.35% 91.76%) |
| HWB | hwb(18.23 20.78% 8.24%) |
| CMYK | cmyk(0% 54% 77% 8%) |
| Lab | lab(61.02 47.51 53.49) |
| LCH | lch(61.02 71.55 48.39) |
| OKLab | oklab(67.504% 0.12616 0.11446) |
| OKLCH | oklch(67.504% 0.17034 42.217) |
| Display P3 | color(display-p3 0.85611 0.45203 0.26556) |
| Rec. 2020 | color(rec2020 0.75238 0.42767 0.2073) |
| Adobe RGB | color(a98-rgb 0.81116 0.422 0.2322) |
| ProPhoto RGB | color(prophoto-rgb 0.6728 0.42344 0.21401) |
| Linear sRGB | color(srgb-linear 0.82279 0.14996 0.0356) |
| XYZ D65 | color(xyz-d65 0.39936 0.28477 0.06762) |
| XYZ D50 | color(xyz-d50 0.42164 0.29273 0.05144) |
| SwiftUI | Color(red: 0.918, green: 0.424, blue: 0.208) |
| UIKit | UIColor(red: 0.918, green: 0.424, blue: 0.208, alpha: 1) |
| Flutter / Compose | Color(0xFFEA6C35) |
| Android XML | #EA6C35 |

## Facts

- Closest name: Mandarin Orange
- Hue family: Orange, bright orange
- Closest Tailwind class: amber-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.14:1
- Contrast with black: 6.69:1

## Tints

#ea6c35, #ee7c4d, #f28c63, #f59b77, #f8a98b, #fab89e, #fcc6b1, #fed5c5, #ffe3d8, #fff1eb

## Shades

#ea6c35, #cb5d2d, #ae4e25, #91401d, #753215, #5a250e, #411908, #290d03, #130401, #030000

## Tones

#ea6c35, #e37243, #db774f, #d47c5a, #cc8164, #c4856d, #bc8976, #b38d7e, #aa9087, #a1948f

## Harmonies

- Complementary: #ea6c35, #00a9d7
- Split: #ea6c35, #00b0ac, #3999fb
- Analogous: #ea6c35, #ec627a, #d38200
- Triadic: #ea6c35, #00b676, #8985fb
- Tetradic: #ea6c35, #ab9900, #00a9d7, #8985fb
- Square: #ea6c35, #6dab29, #00a9d7, #ba73e1
- Monochromatic: #ea6c35, #932300, #c04500, #ff996c, #ffd5bf

## Questions about #ea6c35

### What color is #ea6c35?

#ea6c35 is bright orange. The closest named color is Mandarin Orange. In RGB it is rgb(234, 108, 53), in HSL hsl(18.23, 81.17%, 56.27%) and in OKLCH oklch(67.504% 0.17034 42.217).

### What colors go well with #ea6c35?

The complementary color of #ea6c35 is #00a9d7. For a calmer combination use the analogous colors #ec627a and #d38200. The triadic partners are #00b676 and #8985fb.

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

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

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

#ea6c35 is a warm color. In OKLCH its hue is 42 degrees, its lightness 67.5% and its chroma 0.17.