CSS named colour

Dark Green

#006400

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

RGB
rgb(0 100 0)
HSL
120°, 100%, 20%
OKLCh
43.6% 0.148 142.5

Open in the picker

Dark Green in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex#006400
RGBrgb(0 100 0)
RGB legacyrgb(0, 100, 0)
RGB percentrgb(0% 39.22% 0%)
HSLhsl(120 100% 19.6%)
HSL legacyhsl(120, 100%, 19.6%)
HSV / HSBhsv(120, 100%, 39.2%)
HWBhwb(120 0% 60.8%)
Nearest namedarkgreen
CMYKcmyk(100%, 0%, 100%, 60.8%)Naive conversion. Real print work needs an ICC profile.

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

OKLChoklch(43.602% 0.14837 142.495)Modern CSS colour space for even palettes — better than HSL when building scales.
OKLaboklab(43.602% -0.1177 0.09033)
CIE LChlch(36.245% 57.032 134.384)
CIE Lablab(36.245% -39.892 40.759)
Display P3color(display-p3 0.1626 0.3859 0.0947)
Rec. 2020color(rec2020 0.1646 0.3196 0.0505)
srgb-linearcolor(srgb-linear 0 0.1274 0)Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)color(xyz-d65 0.0456 0.0911 0.0152)

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

GLSL vec3 — sRGBvec3(0.0, 0.392, 0.0)Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linearvec3(0.0, 0.127, 0.0)Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGBvec4(0.0, 0.392, 0.0, 1.0)
GLSL vec4 — linearvec4(0.0, 0.127, 0.0, 1.0)
GLSL ivec3ivec3(0, 100, 0)
HLSL float3 — sRGBfloat3(0.0, 0.392, 0.0)
HLSL float3 — linearfloat3(0.0, 0.127, 0.0)
HLSL float4 — sRGBfloat4(0.0, 0.392, 0.0, 1.0)
HLSL half4 — sRGBhalf4(0.0, 0.392, 0.0, 1.0)
WGSL vec3f — sRGBvec3f(0.0, 0.392, 0.0)
WGSL vec4f — sRGBvec4f(0.0, 0.392, 0.0, 1.0)
WGSL vec3<f32> — linearvec3<f32>(0.0, 0.127, 0.0)

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

Unity Colornew Color(0.0f, 0.392f, 0.0f, 1.0f)Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32new Color32(0, 100, 0, 255)
Unreal FLinearColorFLinearColor(0.0f, 0.1274f, 0.0f, 1.0f)FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColorFColor(0, 100, 0, 255)Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot ColorColor(0, 0.392, 0, 1)
Flutter ColorColor(0xFF006400)Packed ARGB, so alpha comes first.
Android ColorColor.rgb(0, 100, 0)
SwiftUI ColorColor(red: 0, green: 0.392, blue: 0)
UIKit UIColorUIColor(red: 0, green: 0.392, blue: 0, alpha: 1)

Raw valuesPacked integers and plain arrays.

0x hex0x006400
0x hex (ARGB)0xFF006400
Array 0–1[0, 0.392, 0]
Array 0–255[0, 100, 0]
Decimal integer25600

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.

PairingWCAG 2 ratioLevelAPCASuitable for
Dark Green on white7.44:1AAALc 85Body text, 18px and up
Dark Green on black2.82:1FailLc 17Not usable for text

Dark Green text on a white background

Dark Green text on a black background

White text on Dark Green

Black text on Dark Green

Tonal scale

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

  • 50#d8ffd3
  • 100#c0ffba
  • 200#acf2a6
  • 300#91dc8b
  • 400#70c06a
  • 500#4ea149
  • 600#358631
  • 700#206d1d
  • 800#0d570b
  • 900#004600
  • 950#002900

Tints and shades

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

  • Tint 1#3b7d37
  • Tint 2#63975f
  • Tint 3#89b086
  • Tint 4#b0caad
  • Tint 5#d7e4d5
  • Shade 1#004d00
  • Shade 2#003700
  • Shade 3#002200
  • Shade 4#000f00
  • Shade 5#000200

Colours that work with Dark Green

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

  • #762d80
  • #214ba2
  • #922028
  • #535700
  • #00634b

Closest CSS names

  • darkgreenexact match
  • greenΔEok 0.088
  • darkolivegreenΔEok 0.090
  • forestgreenΔEok 0.123
  • darkslategrayΔEok 0.134
  • seagreenΔEok 0.139