#736F86

#736F86

Color Values

HEX

#736F86

RGB

115, 111, 134

HSL

250.4, 9.4%, 48.0%

HSV

250.4, 17.2%, 52.5%

CMYK

14.2%, 17.2%, 0.0%, 47.5%

OKLCH

0.5535 0.0356 293.2

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#736F86

#82866F

Analogous

#6F7686

#7E6F86

#736F86

Triadic

#736F86

#86736F

#6F8673

Split Complementary

#736F86

#867E6F

#76866F

Tetradic

#736F86

#866F76

#82866F

#6F867E

Color Blindness Simulation

Original

#736F86

Protanopia

#717180

Deuteranopia

#72727F

Tritanopia

#737C7B

Achromatopsia

#727272

CSS Usage

background-color: #736F86;
color: #736F86;
border-color: #736F86;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D9D8DF
300
#BEBCC8
400
#9B98AA
500
#78748B
600
#605C70
700
#4D4A59
800
#3C3A46
900
#2E2C35
950
#1D1C21

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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