# #f2a433 color: Lightning Yellow

#f2a433 is rgb(242, 164, 51) in RGB and oklch(77.74% 0.15098 71.121) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f2a433 |
| RGB | rgb(242, 164, 51) |
| HSL | hsl(35.5, 88.02%, 57.45%) |
| HSB / HSV | hsv(35.5 78.93% 94.9%) |
| HWB | hwb(35.5 20% 5.1%) |
| CMYK | cmyk(0% 32% 79% 5%) |
| Lab | lab(73.91 23.27 66.3) |
| LCH | lch(73.91 70.26 70.66) |
| OKLab | oklab(77.74% 0.04885 0.14286) |
| OKLCH | oklch(77.74% 0.15098 71.121) |
| Display P3 | color(display-p3 0.90442 0.6564 0.29787) |
| Rec. 2020 | color(rec2020 0.82532 0.63108 0.24722) |
| Adobe RGB | color(a98-rgb 0.87244 0.63726 0.24905) |
| ProPhoto RGB | color(prophoto-rgb 0.75095 0.61146 0.25806) |
| Linear sRGB | color(srgb-linear 0.88792 0.37124 0.0331) |
| XYZ D65 | color(xyz-d65 0.50489 0.45669 0.09288) |
| XYZ D50 | color(xyz-d50 0.53491 0.4657 0.07204) |
| SwiftUI | Color(red: 0.949, green: 0.643, blue: 0.2) |
| UIKit | UIColor(red: 0.949, green: 0.643, blue: 0.2, alpha: 1) |
| Flutter / Compose | Color(0xFFF2A433) |
| Android XML | #F2A433 |

## Facts

- Closest name: Lightning Yellow
- Hue family: Amber, bright light amber
- Closest Tailwind class: amber-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.07:1
- Contrast with black: 10.13:1

## Tints

#f2a433, #f4ae50, #f6b768, #f8c07d, #f9ca91, #fbd3a4, #fcdcb6, #fde5c9, #feeddb, #fef6ed

## Shades

#f2a433, #d28e2b, #b47923, #96641c, #795014, #5e3d0d, #432b07, #2b1a03, #140a01, #030100

## Tones

#f2a433, #eca649, #e7a95a, #e1ab68, #dbad75, #d5af81, #d0b18d, #c9b298, #c3b4a2, #bdb5ac

## Harmonies

- Complementary: #f2a433, #6ebbff
- Split: #f2a433, #00cbfa, #a8abff
- Analogous: #f2a433, #ff9367, #ccb92b
- Triadic: #f2a433, #00d4ce, #d699fd
- Tetradic: #f2a433, #94ca5d, #6ebbff, #d699fd
- Square: #f2a433, #43d497, #6ebbff, #f68ed3
- Monochromatic: #f2a433, #9d5d00, #ca7e00, #ffd188, #fff0ce

## Questions about #f2a433

### What color is #f2a433?

#f2a433 is bright light amber. The closest named color is Lightning Yellow. In RGB it is rgb(242, 164, 51), in HSL hsl(35.5, 88.02%, 57.45%) and in OKLCH oklch(77.74% 0.15098 71.121).

### What colors go well with #f2a433?

The complementary color of #f2a433 is #6ebbff. For a calmer combination use the analogous colors #ff9367 and #ccb92b. The triadic partners are #00d4ce and #d699fd.

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

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

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

#f2a433 is a warm color. In OKLCH its hue is 71 degrees, its lightness 77.7% and its chroma 0.151.