Colour reference

Yellow 500

#eab308

RGB: rgb(234 179 8)
HSL: 45°, 93%, 47%
OKLCh: 79.5% 0.162 86.0

Yellow 500 in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#eab308`
RGB	`rgb(234 179 8)`
RGB legacy	`rgb(234, 179, 8)`
RGB percent	`rgb(91.76% 70.2% 3.14%)`
HSL	`hsl(45.4 93.4% 47.5%)`
HSL legacy	`hsl(45.4, 93.4%, 47.5%)`
HSV / HSB	`hsv(45.4, 96.6%, 91.8%)`
HWB	`hwb(45.4 3.1% 8.2%)`
Nearest name	`orange (approx.)`
CMYK	`cmyk(0%, 23.5%, 96.6%, 8.2%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(79.524% 0.16167 86.047)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(79.524% 0.01115 0.16128)`
CIE LCh	`lch(76.459% 78.257 81.367)`
CIE Lab	`lab(76.459% 11.747 77.37)`
Display P3	`color(display-p3 0.8843 0.7105 0.245)`
Rec. 2020	`color(rec2020 0.8155 0.6844 0.1996)`
srgb-linear	`color(srgb-linear 0.8228 0.4508 0.0024)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.5009 0.4975 0.0719)`

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

GLSL vec3 — sRGB	`vec3(0.918, 0.702, 0.031)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.823, 0.451, 0.002)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.918, 0.702, 0.031, 1.0)`
GLSL vec4 — linear	`vec4(0.823, 0.451, 0.002, 1.0)`
GLSL ivec3	`ivec3(234, 179, 8)`
HLSL float3 — sRGB	`float3(0.918, 0.702, 0.031)`
HLSL float3 — linear	`float3(0.823, 0.451, 0.002)`
HLSL float4 — sRGB	`float4(0.918, 0.702, 0.031, 1.0)`
HLSL half4 — sRGB	`half4(0.918, 0.702, 0.031, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.918, 0.702, 0.031)`
WGSL vec4f — sRGB	`vec4f(0.918, 0.702, 0.031, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.823, 0.451, 0.002)`

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

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

Raw valuesPacked integers and plain arrays.

0x hex	`0xEAB308`
0x hex (ARGB)	`0xFFEAB308`
Array 0–1	`[0.918, 0.702, 0.031]`
Array 0–255	`[234, 179, 8]`
Decimal integer	`15381256`

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
Yellow 500 on white	1.92:1	Fail	Lc 36	Non-text elements only
Yellow 500 on black	10.95:1	AAA	Lc 66	Headings and large text

Yellow 500 text on a white background

Yellow 500 text on a black background

White text on Yellow 500

Black text on Yellow 500

Tonal scale

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

50#fff5c0
100#ffe99a
200#ffd66b
300#efbe44
400#d5a000
500#b38200
600#936a00
700#775400
800#5f4200
900#4c3300
950#2d1c00

Tints and shades

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

Tint 1#eec054
Tint 2#f2cd7d
Tint 3#f5daa0
Tint 4#f9e7c0
Tint 5#fcf3e0
Shade 1#b78c05
Shade 2#876602
Shade 3#5a4301
Shade 4#312300
Shade 5#0c0700

Colours that work with Yellow 500

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

#97baff
#00d7ed
#f195f3
#ff9d47
#b7c83a

Closest CSS names

orangeΔEok 0.046
goldenrodΔEok 0.046
sandybrownΔEok 0.075
darkkhakiΔEok 0.080
burlywoodΔEok 0.088
darkorangeΔEok 0.095