#375667

#375667

Color Values

HEX

#375667

RGB

55, 86, 103

HSL

201,2, 30,4%, 31,0%

HSV

201,2, 46,6%, 40,4%

CMYK

46,6%, 16,5%, 0,0%, 59,6%

OKLCH

0,4361 0,0461 233,3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#375667

#674837

Analogous

#376760

#373E67

#375667

Triadic

#375667

#673756

#566737

Split Complementary

#375667

#67373E

#676037

Tetradic

#375667

#603767

#674837

#3E6737

Color Blindness Simulation

Original

#375667

Protanopia

#444563

Deuteranopia

#434062

Tritanopia

#39605F

Achromatopsia

#515151

CSS Usage

background-color: #375667;
color: #375667;
border-color: #375667;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D0DEE6
300
#AFC7D4
400
#84A9BD
500
#598BA6
600
#476F85
700
#39596A
800
#2C4553
900
#23343E
950
#162127

Contrast Checker

Text on white

7,81:1

AA Pass AAA Pass

Text on black

2,69:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026