# #f28e63 color: Barbarian

#f28e63 is rgb(242, 142, 99) in RGB and oklch(74.414% 0.13471 43.553) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f28e63 |
| RGB | rgb(242, 142, 99) |
| HSL | hsl(18.04, 84.62%, 66.86%) |
| HSB / HSV | hsv(18.04 59.09% 94.9%) |
| HWB | hwb(18.04 38.82% 5.1%) |
| CMYK | cmyk(0% 41% 59% 5%) |
| Lab | lab(69.4 36.04 39.86) |
| LCH | lch(69.4 53.73 47.88) |
| OKLab | oklab(74.414% 0.09763 0.09282) |
| OKLCH | oklch(74.414% 0.13471 43.553) |
| Display P3 | color(display-p3 0.89538 0.57577 0.42139) |
| Rec. 2020 | color(rec2020 0.80726 0.55109 0.36897) |
| Adobe RGB | color(a98-rgb 0.8569 0.55182 0.39652) |
| ProPhoto RGB | color(prophoto-rgb 0.73661 0.53752 0.3547) |
| Linear sRGB | color(srgb-linear 0.88792 0.2705 0.12477) |
| XYZ D65 | color(xyz-d65 0.48542 0.39127 0.16801) |
| XYZ D50 | color(xyz-d50 0.50923 0.39904 0.12772) |
| SwiftUI | Color(red: 0.949, green: 0.557, blue: 0.388) |
| UIKit | UIColor(red: 0.949, green: 0.557, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFFF28E63) |
| Android XML | #F28E63 |

## Facts

- Closest name: Barbarian
- Hue family: Orange, bright light orange
- Closest Tailwind class: orange-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.38:1
- Contrast with black: 8.82:1

## Tints

#f28e63, #f59a73, #f7a583, #f9b193, #fbbca2, #fcc7b2, #fdd3c1, #feded0, #ffe9e0, #fff4ef

## Shades

#f28e63, #d27b55, #b46847, #96563a, #79442e, #5e3421, #432416, #2b150b, #140703, #030100

## Tones

#f28e63, #ec926b, #e59574, #df997b, #d89c83, #d19f8a, #caa291, #c3a598, #bca79f, #b4aaa5

## Harmonies

- Complementary: #f28e63, #1dbeea
- Split: #f28e63, #00c6c4, #6cafff
- Analogous: #f28e63, #f48693, #df9e3c
- Triadic: #f28e63, #46c694, #a2a0fe
- Tetradic: #f28e63, #bbaf3b, #1dbeea, #a2a0fe
- Square: #f28e63, #89be63, #1dbeea, #ca91e8
- Monochromatic: #f28e63, #a14516, #c9693e, #ffbd9c, #ffede0

## Questions about #f28e63

### What color is #f28e63?

#f28e63 is bright light orange. The closest named color is Barbarian. In RGB it is rgb(242, 142, 99), in HSL hsl(18.04, 84.62%, 66.86%) and in OKLCH oklch(74.414% 0.13471 43.553).

### What colors go well with #f28e63?

The complementary color of #f28e63 is #1dbeea. For a calmer combination use the analogous colors #f48693 and #df9e3c. The triadic partners are #46c694 and #a2a0fe.

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

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

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

#f28e63 is a warm color. In OKLCH its hue is 44 degrees, its lightness 74.4% and its chroma 0.135.