#74868F

#74868F

Color Values

HEX

#74868F

RGB

116, 134, 143

HSL

200.0, 10.8%, 50.8%

HSV

200.0, 18.9%, 56.1%

CMYK

18.9%, 6.3%, 0.0%, 43.9%

OKLCH

0.6087 0.025 229.4

Properties

Cool Light Nearest: RAL 7000 Squirrel Grey

Color Harmonies

Complementary

#74868F

#8F7D74

Analogous

#748F8B

#74798F

#74868F

Triadic

#74868F

#8F7486

#868F74

Split Complementary

#74868F

#8F7479

#8F8B74

Tetradic

#74868F

#8B748F

#8F7D74

#798F74

Color Blindness Simulation

Original

#74868F

Protanopia

#7C7C8D

Deuteranopia

#7B798C

Tritanopia

#758B8B

Achromatopsia

#838383

CSS Usage

background-color: #74868F;
color: #74868F;
border-color: #74868F;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D7DDDF
300
#BBC4C8
400
#96A4AB
500
#72848D
600
#5B6A71
700
#49555A
800
#394247
900
#2C3235
950
#1C2022

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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