CSS named colour

Wheat

#f5deb3

A CSS named colour: wheat is valid anywhere a colour is expected.

RGB: rgb(245 222 179)
HSL: 39°, 77%, 83%
OKLCh: 90.9% 0.061 83.0

Wheat in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#f5deb3`
RGB	`rgb(245 222 179)`
RGB legacy	`rgb(245, 222, 179)`
RGB percent	`rgb(96.08% 87.06% 70.2%)`
HSL	`hsl(39.1 76.7% 83.1%)`
HSL legacy	`hsl(39.1, 76.7%, 83.1%)`
HSV / HSB	`hsv(39.1, 26.9%, 96.1%)`
HWB	`hwb(39.1 70.2% 3.9%)`
Nearest name	`wheat`
CMYK	`cmyk(0%, 9.4%, 26.9%, 3.9%)`Naive conversion. Real print work needs an ICC profile.

Perceptual & wide gamutModern CSS colour spaces for uniform scales and P3 displays.

OKLCh	`oklch(90.883% 0.0615 83.033)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(90.883% 0.00746 0.06104)`
CIE LCh	`lch(89.587% 24.459 81.83)`
CIE Lab	`lab(89.587% 3.476 24.211)`
Display P3	`color(display-p3 0.9456 0.8738 0.7213)`
Rec. 2020	`color(rec2020 0.9132 0.8606 0.693)`
srgb-linear	`color(srgb-linear 0.9131 0.7305 0.4508)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.7191 0.7491 0.5332)`

ShadersGLSL, HLSL and WGSL vectors in both encoded and linear form.

GLSL vec3 — sRGB	`vec3(0.961, 0.871, 0.702)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.913, 0.73, 0.451)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.961, 0.871, 0.702, 1.0)`
GLSL vec4 — linear	`vec4(0.913, 0.73, 0.451, 1.0)`
GLSL ivec3	`ivec3(245, 222, 179)`
HLSL float3 — sRGB	`float3(0.961, 0.871, 0.702)`
HLSL float3 — linear	`float3(0.913, 0.73, 0.451)`
HLSL float4 — sRGB	`float4(0.961, 0.871, 0.702, 1.0)`
HLSL half4 — sRGB	`half4(0.961, 0.871, 0.702, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.961, 0.871, 0.702)`
WGSL vec4f — sRGB	`vec4f(0.961, 0.871, 0.702, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.913, 0.73, 0.451)`

Engines & appsConstructors for Unity, Unreal, Godot, Flutter, SwiftUI and Android.

Unity Color	`new Color(0.961f, 0.871f, 0.702f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(245, 222, 179, 255)`
Unreal FLinearColor	`FLinearColor(0.9131f, 0.7305f, 0.4508f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(245, 222, 179, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.961, 0.871, 0.702, 1)`
Flutter Color	`Color(0xFFF5DEB3)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(245, 222, 179)`
SwiftUI Color	`Color(red: 0.961, green: 0.871, blue: 0.702)`
UIKit UIColor	`UIColor(red: 0.961, green: 0.871, blue: 0.702, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0xF5DEB3`
0x hex (ARGB)	`0xFFF5DEB3`
Array 0–1	`[0.961, 0.871, 0.702]`
Array 0–255	`[245, 222, 179]`
Decimal integer	`16113331`

Contrast and accessibility

WCAG 2 ratios are what audits and legislation reference. APCA is shown alongside because WCAG 2 is known to misjudge mid-tone backgrounds, and it is the basis of the WCAG 3 draft.

Pairing	WCAG 2 ratio	Level	APCA	Suitable for
Wheat on white	1.31:1	Fail	Lc 16	Not usable for text
Wheat on black	15.98:1	AAA	Lc 88	Body text, 18px and up

Wheat text on a white background

Wheat text on a black background

White text on Wheat

Black text on Wheat

Tonal scale

Hue held fixed while lightness walks OKLCh, ready to use as a design system ramp.

50#fff5d5
100#fdebca
200#eddab6
300#d7c39d
400#bca67f
500#9e8860
600#836f48
700#6a5835
800#554525
900#443618
950#291d06

Tints and shades

Mixed perceptually toward white and black, so the steps feel evenly spaced.

Tint 1#f7e4c0
Tint 2#f8e9cd
Tint 3#faefd9
Tint 4#fcf4e6
Tint 5#fdfaf2
Shade 1#c0ae8c
Shade 2#8e8066
Shade 3#5f5543
Shade 4#342e23
Shade 5#0e0b07

Colours that work with Wheat

Complementary, triadic and analogous partners, rotated in OKLCh so they keep the same apparent brightness.

#cce2ff
#b1eef3
#f6d4f9
#ffd7bc
#e0e6b7

Closest CSS names

wheatexact match
navajowhiteΔEok 0.015
peachpuffΔEok 0.021
moccasinΔEok 0.022
bisqueΔEok 0.028
palegoldenrodΔEok 0.033