CSS named colour

Sea Green

#2e8b57

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

RGB: rgb(46 139 87)
HSL: 146°, 50%, 36%
OKLCh: 56.9% 0.119 154.9

Sea Green in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#2e8b57`
RGB	`rgb(46 139 87)`
RGB legacy	`rgb(46, 139, 87)`
RGB percent	`rgb(18.04% 54.51% 34.12%)`
HSL	`hsl(146.5 50.3% 36.3%)`
HSL legacy	`hsl(146.5, 50.3%, 36.3%)`
HSV / HSB	`hsv(146.5, 66.9%, 54.5%)`
HWB	`hwb(146.5 18% 45.5%)`
Nearest name	`seagreen`
CMYK	`cmyk(66.9%, 0%, 37.4%, 45.5%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(56.853% 0.11871 154.949)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(56.853% -0.10755 0.05027)`
CIE LCh	`lch(51.49% 42.626 152.658)`
CIE Lab	`lab(51.49% -37.864 19.578)`
Display P3	`color(display-p3 0.2898 0.5376 0.359)`
Rec. 2020	`color(rec2020 0.3016 0.4795 0.3054)`
srgb-linear	`color(srgb-linear 0.0273 0.2582 0.0953)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.1208 0.1973 0.1219)`

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

GLSL vec3 — sRGB	`vec3(0.18, 0.545, 0.341)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.027, 0.258, 0.095)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.18, 0.545, 0.341, 1.0)`
GLSL vec4 — linear	`vec4(0.027, 0.258, 0.095, 1.0)`
GLSL ivec3	`ivec3(46, 139, 87)`
HLSL float3 — sRGB	`float3(0.18, 0.545, 0.341)`
HLSL float3 — linear	`float3(0.027, 0.258, 0.095)`
HLSL float4 — sRGB	`float4(0.18, 0.545, 0.341, 1.0)`
HLSL half4 — sRGB	`half4(0.18, 0.545, 0.341, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.18, 0.545, 0.341)`
WGSL vec4f — sRGB	`vec4f(0.18, 0.545, 0.341, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.027, 0.258, 0.095)`

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

Unity Color	`new Color(0.18f, 0.545f, 0.341f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(46, 139, 87, 255)`
Unreal FLinearColor	`FLinearColor(0.0273f, 0.2582f, 0.0953f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(46, 139, 87, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.18, 0.545, 0.341, 1)`
Flutter Color	`Color(0xFF2E8B57)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(46, 139, 87)`
SwiftUI Color	`Color(red: 0.18, green: 0.545, blue: 0.341)`
UIKit UIColor	`UIColor(red: 0.18, green: 0.545, blue: 0.341, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0x2E8B57`
0x hex (ARGB)	`0xFF2E8B57`
Array 0–1	`[0.18, 0.545, 0.341]`
Array 0–255	`[46, 139, 87]`
Decimal integer	`3050327`

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
Sea Green on white	4.25:1	AA Large	Lc 69	Headings and large text
Sea Green on black	4.95:1	AA	Lc 33	Non-text elements only

Sea Green text on a white background

Sea Green text on a black background

White text on Sea Green

Black text on Sea Green

Tonal scale

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

50#d2ffe3
100#bcffd3
200#a7f0c0
300#8bdba7
400#69bf89
500#46a06b
600#2b8553
700#126c3e
800#00572e
900#004521
950#00290c

Tints and shades

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

Tint 1#579e72
Tint 2#7ab18d
Tint 3#9bc5a8
Tint 4#bcd8c5
Tint 5#deebe2
Shade 1#226c42
Shade 2#164e2f
Shade 3#0b321c
Shade 4#03190c
Shade 5#000401

Colours that work with Sea Green

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

#a15a93
#6370bc
#b15a45
#67832b
#008d80

Closest CSS names

seagreenexact match
forestgreenΔEok 0.059
olivedrabΔEok 0.073
darkcyanΔEok 0.077
tealΔEok 0.080
greenΔEok 0.082