# #f2d989 color: Natural Yellow

#f2d989 is rgb(242, 217, 137) in RGB and oklch(88.86% 0.1034 92.676) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f2d989 |
| RGB | rgb(242, 217, 137) |
| HSL | hsl(45.71, 80.15%, 74.31%) |
| HSB / HSV | hsv(45.71 43.39% 94.9%) |
| HWB | hwb(45.71 53.73% 5.1%) |
| CMYK | cmyk(0% 10% 43% 5%) |
| Lab | lab(87.49 1.18 42.62) |
| LCH | lch(87.49 42.64 88.42) |
| OKLab | oklab(88.86% -0.00483 0.10328) |
| OKLCH | oklch(88.86% 0.1034 92.676) |
| Display P3 | color(display-p3 0.9326 0.85448 0.57774) |
| Rec. 2020 | color(rec2020 0.89296 0.83834 0.53985) |
| Adobe RGB | color(a98-rgb 0.92009 0.84689 0.5499) |
| ProPhoto RGB | color(prophoto-rgb 0.84228 0.82055 0.52462) |
| Linear sRGB | color(srgb-linear 0.88792 0.69387 0.25016) |
| XYZ D65 | color(xyz-d65 0.65944 0.7031 0.33765) |
| XYZ D50 | color(xyz-d50 0.69023 0.71015 0.25836) |
| SwiftUI | Color(red: 0.949, green: 0.851, blue: 0.537) |
| UIKit | UIColor(red: 0.949, green: 0.851, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFFF2D989) |
| Android XML | #F2D989 |

## Facts

- Closest name: Natural Yellow
- Hue family: Yellow, pastel very light yellow
- Closest Tailwind class: amber-200
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.39:1
- Contrast with black: 15.06:1

## Tints

#f2d989, #f3dd96, #f5e1a2, #f6e5ae, #f7e9ba, #f8ecc6, #faf0d2, #fbf4dd, #fcf8e8, #fefbf4

## Shades

#f2d989, #d2bc76, #b4a164, #968653, #796c42, #5e5331, #433b22, #2b2514, #141107, #030201

## Tones

#f2d989, #f0d992, #edda9b, #ebdaa4, #e8daac, #e6dab4, #e4dabc, #e1dac4, #dfdacb, #dcdad3

## Harmonies

- Complementary: #f2d989, #c9d8ff
- Split: #f2d989, #abe2ff, #e6ccff
- Analogous: #f2d989, #ffcb92, #cee699
- Triadic: #f2d989, #82edff, #ffc1f8
- Tetradic: #f2d989, #a5efba, #c9d8ff, #ffc1f8
- Square: #f2d989, #85f1e0, #c9d8ff, #ffc3d5
- Monochromatic: #f2d989, #a58d3d, #cbb263, #fff4a3, #fff4a3

## Questions about #f2d989

### What color is #f2d989?

#f2d989 is pastel very light yellow. The closest named color is Natural Yellow. In RGB it is rgb(242, 217, 137), in HSL hsl(45.71, 80.15%, 74.31%) and in OKLCH oklch(88.86% 0.1034 92.676).

### What colors go well with #f2d989?

The complementary color of #f2d989 is #c9d8ff. For a calmer combination use the analogous colors #ffcb92 and #cee699. The triadic partners are #82edff and #ffc1f8.

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

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

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

#f2d989 is a warm color. In OKLCH its hue is 93 degrees, its lightness 88.9% and its chroma 0.103.