CSS named colour

Green Yellow

#adff2f

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

RGB: rgb(173 255 47)
HSL: 84°, 100%, 59%
OKLCh: 91.3% 0.233 130.0

Green Yellow in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#adff2f`
RGB	`rgb(173 255 47)`
RGB legacy	`rgb(173, 255, 47)`
RGB percent	`rgb(67.84% 100% 18.43%)`
HSL	`hsl(83.7 100% 59.2%)`
HSL legacy	`hsl(83.7, 100%, 59.2%)`
HSV / HSB	`hsv(83.7, 81.6%, 100%)`
HWB	`hwb(83.7 18.4% 0%)`
Nearest name	`greenyellow`
CMYK	`cmyk(32.2%, 0%, 81.6%, 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.305% 0.23346 130.017)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(91.305% -0.15012 0.1788)`
CIE LCh	`lch(92.202% 92.88 119.981)`
CIE Lab	`lab(92.202% -46.413 80.452)`
Display P3	`color(display-p3 0.7492 0.9915 0.3582)`
Rec. 2020	`color(rec2020 0.7694 0.9743 0.3246)`
srgb-linear	`color(srgb-linear 0.4179 1 0.0284)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.535 0.8061 0.1543)`

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

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

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

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

Raw valuesPacked integers and plain arrays.

0x hex	`0xADFF2F`
0x hex (ARGB)	`0xFFADFF2F`
Array 0–1	`[0.678, 1, 0.184]`
Array 0–255	`[173, 255, 47]`
Decimal integer	`11403055`

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
Green Yellow on white	1.23:1	Fail	Lc 11	Not usable for text
Green Yellow on black	17.12:1	AAA	Lc 93	Body text at any size

Green Yellow text on a white background

Green Yellow text on a black background

White text on Green Yellow

Black text on Green Yellow

Tonal scale

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

50#e0ffba
100#c5ff7a
200#b1f55c
300#97df29
400#78c200
500#61a000
600#4e8300
700#3d6a00
800#2e5400
900#224200
950#102600

Tints and shades

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

Tint 1#bbff68
Tint 2#c9ff8d
Tint 3#d7ffad
Tint 4#e4ffca
Tint 5#f2ffe5
Shade 1#87c823
Shade 2#639417
Shade 3#41630c
Shade 4#213603
Shade 5#060f00

Colours that work with Green Yellow

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

#f4d3ff
#c2e6ff
#ffd0d8
#ffe300
#56ffb8

Closest CSS names

greenyellowexact match
chartreuseΔEok 0.047
lawngreenΔEok 0.051
palegreenΔEok 0.086
springgreenΔEok 0.094
limeΔEok 0.096