Gunmetal#2A3439
#2A3439 is a dark, near-neutral cyan. Relative luminance 0.032; OKLCH L 31.8% C 0.016 H 229.5°. Best body text is #FFFFFF at 12.74:1 contrast (WCAG AA passes).
Color values
| HEX | #2A3439 |
|---|---|
| RGB | rgb(42, 52, 57) |
| HSL | hsl(200, 15%, 19%) |
| HSV | hsv(200, 26%, 22%) |
| CMYK | cmyk(26.3%, 8.8%, 0%, 77.6%) |
| CIE-LAB | lab(20.99, -2.84, -4.55) |
| CIE-LCH | lch(20.99, 5.36, 238.03°) |
| OKLab | oklab(31.78% -0.0105 -0.0124) |
| OKLCH | oklch(31.78% 0.016 229.5) |
| XYZ | xyz(2.9211, 3.2435, 4.3423) |
| Luminance | 0.0324 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Gunmetal
#2A3439
ΔE00 0.00
Onyx
#353839
ΔE00 4.07
Charcoal (survey)
#343837
ΔE00 4.48
Dark Grey
#363737
ΔE00 5.14
Charcoal Grey
#3C4142
ΔE00 5.35
Charcoal
#36454F
ΔE00 6.00
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2A3439 #392F2A
analogous
#2A3937 #2A3439 #2A2D39
triadic
#2A3439 #392A34 #34392A
tetradic
#2A3439 #372A39 #392F2A #2D392A
square
#2A3439 #372A39 #392F2A #2D392A
split-complementary
#2A3439 #392A2D #39372A
monochromatic
#0D1012 #101416 #2A3439 #44545C #5E747F
Accessibility & contrast
On white
12.74
#2A3439 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.65
#2A3439 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #2A3439
12.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2A3439 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2A3439 | 1.00 | 12.74 | 1.65 | 12.74 |
| #FFFFFF | 12.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.74 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#313339
Deuteranopia (green-blind)
#2F3239
Tritanopia (blue-blind)
#263536
Achromatopsia (no color)
#323232
Related colors
#262F34#232B2F#202629#1C2224#191D1F#15191B#111416#0D0F10#060809#000000#3C464A#50585C#636B6F#787F82#8D9396#A3A8AA#B9BDBF#D0D2D4#E7E9E9#FFFFFF#2B3438#2C3438#2D3437#2E3336Onyx
#353839
Charcoal
#36454F
Indigo
#4B0082
Navy Blue
#1B2A4A
Cool Gray
#9AA7B0
Dove Gray
#B6B8BD
Flint
#6F7A80
Fog
#D8DCE0
Palettes with this color
#0F172A
#1E293B
#334155
#64748B
#94A3B8
#38BDF8
Dark Mode UI Palette
#F5F5F4
#E7E5E4
#A8A29E
#57534E
#1C1917
Neutral Color Palette
#1C1C1C
#2E2E2E
#C9A227
#8C6D2F
#F5EFE0
Luxury Color Palette
#F7F1E5
#E8D5C4
#C9B8A8
#F5E6E6
#DFD8CB
Wedding Color Palette
Design tokens & code
CSS
--color: #2a3439; /* rgb */ color: rgb(42, 52, 57); /* oklch */ color: oklch(31.8% 0.016 229.5);
Tailwind
colors: {
custom: {
50: '#636b6f',
500: '#2a3439',
950: '#000000',
},
}SCSS
$custom: #2a3439; $custom-light: #636b6f; $custom-dark: #000000;
JSON
{
"hex": "#2a3439",
"rgb": {
"r": 42,
"g": 52,
"b": 57
},
"hsl": {
"h": 200,
"s": 15.152,
"l": 19.412
},
"oklch": {
"l": 0.3178,
"c": 0.01624,
"h": 229.5
},
"luminance": 0.03244
}Semantic roles & 50–950 ramp
primary
#2A3439
secondary
#6A5C55
accent
#8870B8
background
#F5F6F6
surface
#EAEBEC
border
#C6C6C7
text
#050607
muted
#797A7A