#618685

#618685

Color Values

HEX

#618685

RGB

97, 134, 133

HSL

178.4, 16.0%, 45.3%

HSV

178.4, 27.6%, 52.5%

CMYK

27.6%, 0.0%, 0.7%, 47.5%

OKLCH

0.5921 0.0414 194.0

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#618685

#866162

Analogous

#618673

#617586

#618685

Triadic

#618685

#856186

#868561

Split Complementary

#618685

#866175

#867361

Tetradic

#618685

#736186

#866162

#758661

Color Blindness Simulation

Original

#618685

Protanopia

#717185

Deuteranopia

#6F6C85

Tritanopia

#638585

Achromatopsia

#7E7E7E

CSS Usage

background-color: #618685;
color: #618685;
border-color: #618685;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D6E1E1
300
#B8CCCB
400
#92B0AF
500
#6B9493
600
#567675
700
#455F5E
800
#364A49
900
#293737
950
#1A2323

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass 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