Colour reference

Zinc 700

#3f3f46

RGB: rgb(63 63 70)
HSL: 240°, 5%, 26%
OKLCh: 37.0% 0.012 285.8

Zinc 700 in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#3f3f46`
RGB	`rgb(63 63 70)`
RGB legacy	`rgb(63, 63, 70)`
RGB percent	`rgb(24.71% 24.71% 27.45%)`
HSL	`hsl(240 5.3% 26.1%)`
HSL legacy	`hsl(240, 5.3%, 26.1%)`
HSV / HSB	`hsv(240, 10%, 27.5%)`
HWB	`hwb(240 24.7% 72.5%)`
Nearest name	`darkslategray (approx.)`
CMYK	`cmyk(10%, 10%, 0%, 72.5%)`Naive conversion. Real print work needs an ICC profile.

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

OKLCh	`oklch(37.032% 0.01188 285.805)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(37.032% 0.00324 -0.01143)`
CIE LCh	`lch(26.85% 4.457 286.002)`
CIE Lab	`lab(26.85% 1.229 -4.284)`
Display P3	`color(display-p3 0.2471 0.2471 0.2722)`
Rec. 2020	`color(rec2020 0.1868 0.1858 0.2107)`
srgb-linear	`color(srgb-linear 0.0497 0.0497 0.0612)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.0493 0.0505 0.0651)`

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

GLSL vec3 — sRGB	`vec3(0.247, 0.247, 0.275)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.05, 0.05, 0.061)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.247, 0.247, 0.275, 1.0)`
GLSL vec4 — linear	`vec4(0.05, 0.05, 0.061, 1.0)`
GLSL ivec3	`ivec3(63, 63, 70)`
HLSL float3 — sRGB	`float3(0.247, 0.247, 0.275)`
HLSL float3 — linear	`float3(0.05, 0.05, 0.061)`
HLSL float4 — sRGB	`float4(0.247, 0.247, 0.275, 1.0)`
HLSL half4 — sRGB	`half4(0.247, 0.247, 0.275, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.247, 0.247, 0.275)`
WGSL vec4f — sRGB	`vec4f(0.247, 0.247, 0.275, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.05, 0.05, 0.061)`

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

Unity Color	`new Color(0.247f, 0.247f, 0.275f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(63, 63, 70, 255)`
Unreal FLinearColor	`FLinearColor(0.0497f, 0.0497f, 0.0612f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(63, 63, 70, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.247, 0.247, 0.275, 1)`
Flutter Color	`Color(0xFF3F3F46)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(63, 63, 70)`
SwiftUI Color	`Color(red: 0.247, green: 0.247, blue: 0.275)`
UIKit UIColor	`UIColor(red: 0.247, green: 0.247, blue: 0.275, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0x3F3F46`
0x hex (ARGB)	`0xFF3F3F46`
Array 0–1	`[0.247, 0.247, 0.275]`
Array 0–255	`[63, 63, 70]`
Decimal integer	`4144966`

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
Zinc 700 on white	10.44:1	AAA	Lc 94	Body text at any size
Zinc 700 on black	2.01:1	Fail	Lc 8	Not usable for text

Zinc 700 text on a white background

Zinc 700 text on a black background

White text on Zinc 700

Black text on Zinc 700

Tonal scale

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

50#f7f7fd
100#ededf4
200#dbdbe3
300#c5c5cd
400#a8a8b0
500#8a8a92
600#717178
700#5a5a61
800#47474d
900#37373d
950#1f1f23

Tints and shades

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

Tint 1#5c5c62
Tint 2#7a7a7f
Tint 3#99999d
Tint 4#bababd
Tint 5#dcdcde
Shade 1#2f2f35
Shade 2#202025
Shade 3#121215
Shade 4#060607
Shade 5#010101

Colours that work with Zinc 700

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

#404039
#453e3b
#3a423e
#3c4046
#423e44

Closest CSS names

darkslategrayΔEok 0.051
darkslateblueΔEok 0.121
dimgrayΔEok 0.151
midnightblueΔEok 0.156
saddlebrownΔEok 0.156
maroonΔEok 0.158