#626552

#626552

Color Values

HEX

#626552

RGB

98, 101, 82

HSL

69.5, 10.4%, 35.9%

HSV

69.5, 18.8%, 39.6%

CMYK

3.0%, 0.0%, 18.8%, 60.4%

OKLCH

0.4984 0.0294 114.8

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#626552

#555265

Analogous

#655F52

#596552

#626552

Triadic

#626552

#526265

#655262

Split Complementary

#626552

#525965

#5F5265

Tetradic

#626552

#52655F

#555265

#655259

Color Blindness Simulation

Original

#626552

Protanopia

#636357

Deuteranopia

#636358

Tritanopia

#625A5B

Achromatopsia

#636363

CSS Usage

background-color: #626552;
color: #626552;
border-color: #626552;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C6C8BB
400
#A7AA97
500
#898D72
600
#6D715B
700
#575A49
800
#444639
900
#34352C
950
#21211C

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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