CSS named colour

Pale Green

#98fb98

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

RGB: rgb(152 251 152)
HSL: 120°, 93%, 79%
OKLCh: 90.4% 0.162 144.1

Pale Green in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#98fb98`
RGB	`rgb(152 251 152)`
RGB legacy	`rgb(152, 251, 152)`
RGB percent	`rgb(59.61% 98.43% 59.61%)`
HSL	`hsl(120 92.5% 79%)`
HSL legacy	`hsl(120, 92.5%, 79%)`
HSV / HSB	`hsv(120, 39.4%, 98.4%)`
HWB	`hwb(120 59.6% 1.6%)`
Nearest name	`palegreen`
CMYK	`cmyk(39.4%, 0%, 39.4%, 1.6%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(90.354% 0.16242 144.086)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(90.354% -0.13155 0.09527)`
CIE LCh	`lch(90.801% 58.745 139.76)`
CIE Lab	`lab(90.801% -44.843 37.948)`
Display P3	`color(display-p3 0.6869 0.9746 0.6351)`
Rec. 2020	`color(rec2020 0.7256 0.9555 0.6045)`
srgb-linear	`color(srgb-linear 0.314 0.9647 0.314)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.5311 0.7793 0.4195)`

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

GLSL vec3 — sRGB	`vec3(0.596, 0.984, 0.596)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.314, 0.965, 0.314)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.596, 0.984, 0.596, 1.0)`
GLSL vec4 — linear	`vec4(0.314, 0.965, 0.314, 1.0)`
GLSL ivec3	`ivec3(152, 251, 152)`
HLSL float3 — sRGB	`float3(0.596, 0.984, 0.596)`
HLSL float3 — linear	`float3(0.314, 0.965, 0.314)`
HLSL float4 — sRGB	`float4(0.596, 0.984, 0.596, 1.0)`
HLSL half4 — sRGB	`half4(0.596, 0.984, 0.596, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.596, 0.984, 0.596)`
WGSL vec4f — sRGB	`vec4f(0.596, 0.984, 0.596, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.314, 0.965, 0.314)`

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

Unity Color	`new Color(0.596f, 0.984f, 0.596f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(152, 251, 152, 255)`
Unreal FLinearColor	`FLinearColor(0.314f, 0.9647f, 0.314f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(152, 251, 152, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.596, 0.984, 0.596, 1)`
Flutter Color	`Color(0xFF98FB98)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(152, 251, 152)`
SwiftUI Color	`Color(red: 0.596, green: 0.984, blue: 0.596)`
UIKit UIColor	`UIColor(red: 0.596, green: 0.984, blue: 0.596, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0x98FB98`
0x hex (ARGB)	`0xFF98FB98`
Array 0–1	`[0.596, 0.984, 0.596]`
Array 0–255	`[152, 251, 152]`
Decimal integer	`10025880`

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
Pale Green on white	1.27:1	Fail	Lc 13	Not usable for text
Pale Green on black	16.59:1	AAA	Lc 91	Body text at any size

Pale Green text on a white background

Pale Green text on a black background

White text on Pale Green

Black text on Pale Green

Tonal scale

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

50#d7ffd6
100#b9ffb7
200#a3f4a2
300#87de87
400#64c266
500#40a344
600#24882c
700#066f16
800#005903
900#004700
950#002a00

Tints and shades

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

Tint 1#abfcaa
Tint 2#bdfdbc
Tint 3#cffecd
Tint 4#dfffde
Tint 5#efffef
Shade 1#76c576
Shade 2#569256
Shade 3#386138
Shade 4#1c351c
Shade 5#050e05

Colours that work with Pale Green

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

#ffc5ff
#c9e0ff
#ffcdc8
#deeb5f
#37ffd7

Closest CSS names

palegreenexact match
lightgreenΔEok 0.036
mediumspringgreenΔEok 0.071
aquamarineΔEok 0.071
springgreenΔEok 0.082
greenyellowΔEok 0.086