#F2F8E3 Beige
#F2F8E3 is Beige.
#F2F8E3
Beige
What are the RGB, HSL, OKLCH and CMYK values of #F2F8E3?
- HEX
- #F2F8E3
- RGB
- rgb(242, 248, 227)
- HSL
- hsl(77, 60%, 93%)
- OKLCH
- oklch(96.9% 0.028 120)
- CMYK
- 2, 0, 8, 3
#F2F8E3 has a contrast ratio of 1.09:1 against white and 19.31:1 against black, so black is the better background for text in this color and dark text reads best on it.
Contrast checker
Text color (rows) on background (columns), scored against WCAG 2.2. White and near-black text on this color.
| Text ↓ / Bg → | #F2F8E3 |
|---|---|
| #F2F8E3 | Same color |
| White | 1.1Fail |
| Near-black | 16.1AAA |
AAA ≥ 7:1 · AA ≥ 4.5:1 body text· AA18 ≥ 3:1 large text (18pt, or 14pt bold) only
Text that works on each color
- Near-black on #F2F8E3 · 16.1:1
Tints and shades of #F2F8E3
Same hue and chroma in OKLCH, lighter to darker.
Colors that go with #F2F8E3
Six harmony rules built from this color. Open any in the Studio.
- AnalogousNeighboring hues. Calm and cohesive, with little tension.
- ComplementaryOpposite hues. Maximum contrast — strong for accents.
- SplitA hue plus the two neighbors of its opposite. Contrast without the clash.
- TriadicThree evenly spaced hues. Vivid and balanced.
- TetradicFour hues in two complementary pairs. Rich, and easy to overuse.
- MonoOne hue across a range of lightness. Always harmonious.
Color blindness check
About 1 in 12 men and 1 in 200 women see color differently. Simulated with the Machado (2009) model.
No green cones — the most common form. No two swatches become hard to tell apart here.
Export
Copy-paste code, or download the swatches.
:root {
--beige-1: #F2F8E3; /* Beige */
}Palettes, gradients and meshes with #F2F8E3
Items using this color or one perceptually close to it, closest first.
Palettes (116)
- Saffron Market
- Paper Lantern
- Brass & Ink
- Hot Sauce
- Honeycomb
- Olive Grove
- Sage Apothecary
- Pistachio Gelato
- Wildflower Field
- Hazelnut Praline
- Golden Hour Picnic
- Persimmon Tea
- Citrus Grove
- Cobalt Pottery
- Salt Marsh
- Royal Navy Crest
- Oatmilk Studio
- Pumpkin Patch
- Mango Lassi
- Kyoto Tea House
- Blulette
- Copper Kettle
- Ink Wash
- Morning Dew
- Harbor Fog
- Apricot Jam
- Tangerine Tram
- Pine Needle
- Jade Pavilion
- Mint Ledger
- Spiced Chai
- Teal Typewriter
- Sandstone Canyon
- Brunch Club
- Seashell Cove
- Evergreen Lodge
- Sunset Boulevard
- Paprika Kitchen
- Tropical Punch
- Coastal Cottage
- Coastal Grey
- Sorbet Stand
- Sunflower Kitchen
- Lagoon Postcard
- Signal Red Ops
- Dusty Rose Atelier
- Tidepool
- Lemon Meringue
- Pale Jade Spa
- Nordic Morning
- Watermelon Slice
- Clay Studio
- Alpine Lake
- Reef Snorkel
- Grapefruit Soda
- Heather Tweed
- Pomegranate Feast
- Seafoam Linen
- Concrete Gallery
- Graphite Desk
- Rust Belt
- Rosewood Library
- Charcoal Sketch
- Flamingo Pool
- Espresso Bar
- Terracotta Courtyard
- Pacific Rim
- Moss & Stone
- Turquoise Tile
- Mauve Gallery
- Barnwood
- Slate Studio
- Glacier Ledger
- Cacao Nib
- Iceberg
- Cedar & Smoke
- Volt Dashboard
- Arctic Fox
- Blush Ballet
- Aqua Studio
- Strawberry Milk
- Thistle Moor
- Indigo Denim
- Peony Stationery
- Fig Jam
- Plum Orchard
- Blueberry Muffin
- Mulberry Ink
- Cherry Blossom Rain
- Raspberry Sorbet
- Peppermint Bark
- Lilac Letterpress
- Polar Night
- Porcelain Blue
- Bluebell Wood
- Wisteria Arch
- Lavender Laundry
- Opal Sky
- Steel Harbour
- Forest Floor
- Prink
- Cream Cola
- Bubblegum Disco
- Ultraviolet Pop
- Violet Family
- Butter Green
- Digital Matcha
- Kiddykool
Gradients (10)
Mesh gradients (35)
- Papaya Swirl
- Pine Fog
- Marina Haze
- Arctic Aurora
- Seafoam Grid
- Amber Glow
- Copper Glow
- Peach Haze
- Rose Quartz
- Matcha Foam
- Emerald Garden
- Forest Canopy
- Jade Mist
- Spring Meadow
- Arctic Silk
- Lilac Cloud
- Peach Cloud
- Opaline Dawn
- Jungle Mist
- Mint Fresh
- Iris Mist
- Azure Breeze
- Glacier Pool
- Ocean Foam
- Berry Bliss
- Sakura Blossom
- Lemon Grove
- Violet Sky
- Lavender Fields
- Sapphire Dream
- Sorbet Swirl