#374456

#374456

Color Values

HEX

#374456

RGB

55, 68, 86

HSL

214.8, 22.0%, 27.6%

HSV

214.8, 36.0%, 33.7%

CMYK

36.0%, 20.9%, 0.0%, 66.3%

OKLCH

0.3828 0.0352 256.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#374456

#564937

Analogous

#375356

#393756

#374456

Triadic

#374456

#563744

#445637

Split Complementary

#374456

#563937

#535637

Tetradic

#374456

#563753

#564937

#375639

Color Blindness Simulation

Original

#374456

Protanopia

#3D3D52

Deuteranopia

#3C3B51

Tritanopia

#384E4D

Achromatopsia

#434343

CSS Usage

background-color: #374456;
color: #374456;
border-color: #374456;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D3DAE3
300
#B4C0CF
400
#8C9DB5
500
#637B9C
600
#50627C
700
#404F64
800
#323E4E
900
#272F3A
950
#191E25

Contrast Checker

Text on white

9.89:1

AA Pass AAA Pass

Text on black

2.12: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