# #ffa366 color: Baby Melon

#ffa366 is rgb(255, 163, 102) in RGB and oklch(79.58% 0.13365 53.184) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ffa366 |
| RGB | rgb(255, 163, 102) |
| HSL | hsl(23.92, 100%, 70%) |
| HSB / HSV | hsv(23.92 60% 100%) |
| HWB | hwb(23.92 40% 0%) |
| CMYK | cmyk(0% 36% 60% 0%) |
| Lab | lab(75.64 30.92 46.15) |
| LCH | lch(75.64 55.55 56.17) |
| OKLab | oklab(79.58% 0.08009 0.107) |
| OKLCH | oklch(79.58% 0.13365 53.184) |
| Display P3 | color(display-p3 0.94881 0.65556 0.44244) |
| Rec. 2020 | color(rec2020 0.86869 0.63457 0.39282) |
| Adobe RGB | color(a98-rgb 0.91344 0.63336 0.41229) |
| ProPhoto RGB | color(prophoto-rgb 0.79978 0.61923 0.37968) |
| Linear sRGB | color(srgb-linear 1 0.36625 0.13287) |
| XYZ D65 | color(xyz-d65 0.56734 0.48416 0.18928) |
| XYZ D50 | color(xyz-d50 0.59614 0.49311 0.14436) |
| SwiftUI | Color(red: 1, green: 0.639, blue: 0.4) |
| UIKit | UIColor(red: 1, green: 0.639, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFFFFA366) |
| Android XML | #FFA366 |

## Facts

- Closest name: Baby Melon
- Hue family: Orange, bright light orange
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.97:1
- Contrast with black: 10.68:1

## Tints

#ffa366, #ffad77, #ffb687, #ffc096, #ffc9a6, #ffd2b5, #ffdbc4, #ffe4d2, #ffede1, #fff6f0

## Shades

#ffa366, #de8d58, #be784a, #9e633c, #804f2f, #633c23, #482a17, #2e190c, #160a04, #030100

## Tones

#ffa366, #f9a670, #f3a97a, #edac83, #e6af8c, #e0b195, #d9b49d, #d2b6a5, #cbb8ad, #c4bab5

## Harmonies

- Complementary: #ffa366, #53caff
- Split: #ffa366, #13d5e3, #92bbff
- Analogous: #ffa366, #ff9893, #e6b44a
- Triadic: #ffa366, #45d8b4, #c0abff
- Tetradic: #ffa366, #bdc558, #53caff, #c0abff
- Square: #ffa366, #86d283, #53caff, #e69eee
- Monochromatic: #ffa366, #ae5912, #d67d40, #ffd6b5, #ffeedb

## Questions about #ffa366

### What color is #ffa366?

#ffa366 is bright light orange. The closest named color is Baby Melon. In RGB it is rgb(255, 163, 102), in HSL hsl(23.92, 100%, 70%) and in OKLCH oklch(79.58% 0.13365 53.184).

### What colors go well with #ffa366?

The complementary color of #ffa366 is #53caff. For a calmer combination use the analogous colors #ff9893 and #e6b44a. The triadic partners are #45d8b4 and #c0abff.

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

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

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

#ffa366 is a warm color. In OKLCH its hue is 53 degrees, its lightness 79.6% and its chroma 0.134.