# #f5f5dc color: Beige

#f5f5dc is rgb(245, 245, 220) in RGB and oklch(96.357% 0.03278 106.999) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f5f5dc |
| RGB | rgb(245, 245, 220) |
| HSL | hsl(60, 55.56%, 91.18%) |
| HSB / HSV | hsv(60 10.2% 96.08%) |
| HWB | hwb(60 86.27% 3.92%) |
| CMYK | cmyk(0% 0% 10% 4%) |
| Lab | lab(96.04 -3.11 12.09) |
| LCH | lch(96.04 12.49 104.44) |
| OKLab | oklab(96.357% -0.00958 0.03135) |
| OKLCH | oklch(96.357% 0.03278 106.999) |
| Display P3 | color(display-p3 0.96078 0.96078 0.87212) |
| Rec. 2020 | color(rec2020 0.95148 0.95477 0.85854) |
| Adobe RGB | color(a98-rgb 0.9595 0.9595 0.86332) |
| ProPhoto RGB | color(prophoto-rgb 0.93459 0.94753 0.84739) |
| Linear sRGB | color(srgb-linear 0.9131 0.9131 0.71569) |
| XYZ D65 | color(xyz-d65 0.83223 0.89885 0.80678) |
| XYZ D50 | color(xyz-d50 0.85225 0.90113 0.61244) |
| SwiftUI | Color(red: 0.961, green: 0.961, blue: 0.863) |
| UIKit | UIColor(red: 0.961, green: 0.961, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFFF5F5DC) |
| Android XML | #F5F5DC |

## Facts

- Closest name: Beige
- Hue family: Beige, pastel very light beige
- Closest Tailwind class: orange-100
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.11:1
- Contrast with black: 18.98:1

## Tints

#f5f5dc, #f6f6e0, #f7f7e3, #f8f8e7, #f9f9ea, #fafaee, #fbfbf1, #fcfcf5, #fdfdf8, #fefefc

## Shades

#f5f5dc, #d5d5bf, #b6b6a3, #989888, #7b7b6e, #5f5f54, #44443c, #2b2b26, #151511, #030302

## Tones

#f5f5dc, #f5f5de, #f5f5e1, #f4f4e3, #f4f4e5, #f4f4e8, #f4f4ea, #f3f4ec, #f3f3ee, #f3f3f1

## Harmonies

- Complementary: #f5f5dc, #f1f0ff
- Split: #f5f5dc, #e5f4ff, #fcedff
- Analogous: #f5f5dc, #fff1db, #e9f9e3
- Triadic: #f5f5dc, #ddf8ff, #ffebf7
- Tetradic: #f5f5dc, #dffbee, #f1f0ff, #ffebf7
- Square: #f5f5dc, #dbfafb, #f1f0ff, #ffebeb
- Monochromatic: #f5f5dc, #a8a790, #ceceb5, #f7f7de, #f7f7de

## Questions about #f5f5dc

### What color is #f5f5dc?

#f5f5dc is pastel very light beige. The closest named color is Beige. In RGB it is rgb(245, 245, 220), in HSL hsl(60, 55.56%, 91.18%) and in OKLCH oklch(96.357% 0.03278 106.999).

### What colors go well with #f5f5dc?

The complementary color of #f5f5dc is #f1f0ff. For a calmer combination use the analogous colors #fff1db and #e9f9e3. The triadic partners are #ddf8ff and #ffebf7.

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

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

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

#f5f5dc is a neutral color. In OKLCH its hue is 107 degrees, its lightness 96.4% and its chroma 0.033.