# #f4b222 color: Xanthous

#f4b222 is rgb(244, 178, 34) in RGB and oklch(80.47% 0.15936 80.28) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f4b222 |
| RGB | rgb(244, 178, 34) |
| HSL | hsl(41.14, 90.52%, 54.51%) |
| HSB / HSV | hsv(41.14 86.07% 95.69%) |
| HWB | hwb(41.14 13.33% 4.31%) |
| CMYK | cmyk(0% 27% 86% 4%) |
| Lab | lab(77.37 16.76 74.26) |
| LCH | lch(77.37 76.13 77.28) |
| OKLab | oklab(80.47% 0.02691 0.15708) |
| OKLCH | oklch(80.47% 0.15936 80.28) |
| Display P3 | color(display-p3 0.9178 0.70868 0.27675) |
| Rec. 2020 | color(rec2020 0.84589 0.68489 0.22934) |
| Adobe RGB | color(a98-rgb 0.88992 0.69214 0.21394) |
| ProPhoto RGB | color(prophoto-rgb 0.77228 0.66383 0.24835) |
| Linear sRGB | color(srgb-linear 0.90466 0.4452 0.016) |
| XYZ D65 | color(xyz-d65 0.53516 0.51192 0.08576) |
| XYZ D50 | color(xyz-d50 0.56825 0.52141 0.06724) |
| SwiftUI | Color(red: 0.957, green: 0.698, blue: 0.133) |
| UIKit | UIColor(red: 0.957, green: 0.698, blue: 0.133, alpha: 1) |
| Flutter / Compose | Color(0xFFF4B222) |
| Android XML | #F4B222 |

## Facts

- Closest name: Xanthous
- Hue family: Amber, bright light amber
- Closest Tailwind class: yellow-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.87:1
- Contrast with black: 11.24:1

## Tints

#f4b222, #f6ba49, #f7c263, #f8ca7a, #fad28f, #fbdaa3, #fce1b6, #fde9c8, #fef0db, #fef8ed

## Shades

#f4b222, #d49a1c, #b58316, #976d11, #7a570b, #5e4307, #442f03, #2b1d01, #140c00, #030100

## Tones

#f4b222, #efb441, #eab656, #e5b767, #e0b976, #daba84, #d5bb91, #d0bd9d, #cabda9, #c5beb4

## Harmonies

- Complementary: #f4b222, #92c0ff
- Split: #f4b222, #34d0ff, #bfb0ff
- Analogous: #f4b222, #ffa060, #c6c736
- Triadic: #f4b222, #00dce7, #ec9bfe
- Tetradic: #f4b222, #84d872, #92c0ff, #ec9bfe
- Square: #f4b222, #00dfb0, #92c0ff, #ff91cd
- Monochromatic: #f4b222, #9f6a00, #cc8c00, #ffdf8f, #fff1c2

## Questions about #f4b222

### What color is #f4b222?

#f4b222 is bright light amber. The closest named color is Xanthous. In RGB it is rgb(244, 178, 34), in HSL hsl(41.14, 90.52%, 54.51%) and in OKLCH oklch(80.47% 0.15936 80.28).

### What colors go well with #f4b222?

The complementary color of #f4b222 is #92c0ff. For a calmer combination use the analogous colors #ffa060 and #c6c736. The triadic partners are #00dce7 and #ec9bfe.

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

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

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

#f4b222 is a warm color. In OKLCH its hue is 80 degrees, its lightness 80.5% and its chroma 0.159.