#727273

#727273

Color Values

HEX

#727273

RGB

114, 114, 115

HSL

240.0, 0.4%, 44.9%

HSV

240.0, 0.9%, 45.1%

CMYK

0.9%, 0.9%, 0.0%, 54.9%

OKLCH

0.5524 0.0015 286.3

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#727273

#737372

Analogous

#727273

#727273

#727273

Triadic

#727273

#737272

#727372

Split Complementary

#727273

#737272

#727372

Tetradic

#727273

#737272

#737372

#727372

Color Blindness Simulation

Original

#727273

Protanopia

#727273

Deuteranopia

#727273

Tritanopia

#727373

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDB
300
#C2C2C2
400
#A0A0A1
500
#7F7F80
600
#666666
700
#515152
800
#3F3F40
900
#303031
950
#1E1E1F

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026