#3D4142

#3D4142

Color Values

HEX

#3D4142

RGB

61, 65, 66

HSL

192.0, 3.9%, 24.9%

HSV

192.0, 7.6%, 25.9%

CMYK

7.6%, 1.5%, 0.0%, 74.1%

OKLCH

0.3719 0.0056 214.4

Properties

Cool Dark Nearest: RAL 6012 Black Green

Color Harmonies

Complementary

#3D4142

#423E3D

Analogous

#3D4240

#3D3F42

#3D4142

Triadic

#3D4142

#423D41

#41423D

Split Complementary

#3D4142

#423D3F

#42403D

Tetradic

#3D4142

#403D42

#423E3D

#3F423D

Color Blindness Simulation

Original

#3D4142

Protanopia

#3F3F42

Deuteranopia

#3E3E42

Tritanopia

#3D4242

Achromatopsia

#404040

CSS Usage

background-color: #3D4142;
color: #3D4142;
border-color: #3D4142;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F7F8F8
100
#EDEEEE
200
#DADCDD
300
#BFC3C4
400
#9DA3A4
500
#7B8284
600
#62686A
700
#4E5455
800
#3D4142
900
#2F3132
950
#1E1F20

Contrast Checker

Text on white

10.33:1

AA Pass AAA Pass

Text on black

2.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026