CSS named colour

Navajo White

#ffdead

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

RGB: rgb(255 222 173)
HSL: 36°, 100%, 84%
OKLCh: 91.6% 0.073 77.4

Navajo White in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#ffdead`
RGB	`rgb(255 222 173)`
RGB legacy	`rgb(255, 222, 173)`
RGB percent	`rgb(100% 87.06% 67.84%)`
HSL	`hsl(35.9 100% 83.9%)`
HSL legacy	`hsl(35.9, 100%, 83.9%)`
HSV / HSB	`hsv(35.9, 32.2%, 100%)`
HWB	`hwb(35.9 67.8% 0%)`
Nearest name	`navajowhite`
CMYK	`cmyk(0%, 12.9%, 32.2%, 0%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(91.64% 0.07301 77.436)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(91.64% 0.01588 0.07126)`
CIE LCh	`lch(90.39% 29.325 76.725)`
CIE Lab	`lab(90.39% 6.734 28.542)`
Display P3	`color(display-p3 0.9787 0.8753 0.7017)`
Rec. 2020	`color(rec2020 0.9417 0.8639 0.6719)`
srgb-linear	`color(srgb-linear 1 0.7305 0.4179)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.749 0.7652 0.5036)`

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

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

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

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

Raw valuesPacked integers and plain arrays.

0x hex	`0xFFDEAD`
0x hex (ARGB)	`0xFFFFDEAD`
Array 0–1	`[1, 0.871, 0.678]`
Array 0–255	`[255, 222, 173]`
Decimal integer	`16768685`

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
Navajo White on white	1.29:1	Fail	Lc 14	Not usable for text
Navajo White on black	16.30:1	AAA	Lc 90	Body text, 18px and up

Navajo White text on a white background

Navajo White text on a black background

White text on Navajo White

Black text on Navajo White

Tonal scale

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

50#fff4cf
100#ffe9c4
200#f3d8b0
300#dec196
400#c2a477
500#a48658
600#896c40
700#70562d
800#5a431d
900#493411
950#2c1c01

Tints and shades

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

Tint 1#ffe4bb
Tint 2#ffe9c9
Tint 3#ffefd7
Tint 4#fff4e4
Tint 5#fffaf2
Shade 1#c8ae87
Shade 2#948063
Shade 3#635541
Shade 4#362e21
Shade 5#0f0b06

Colours that work with Navajo White

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

#cae6ff
#a9f3f4
#f8d5ff
#ffd6bb
#e8e8af

Closest CSS names

navajowhiteexact match
moccasinΔEok 0.015
wheatΔEok 0.015
peachpuffΔEok 0.021
bisqueΔEok 0.028
palegoldenrodΔEok 0.035