#486C74

#486C74

Color Values

HEX

#486C74

RGB

72, 108, 116

HSL

190,9, 23,4%, 36,9%

HSV

190,9, 37,9%, 45,5%

CMYK

37,9%, 6,9%, 0,0%, 54,5%

OKLCH

0,5072 0,0429 213,1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#486C74

#745048

Analogous

#487466

#485674

#486C74

Triadic

#486C74

#74486C

#6C7448

Split Complementary

#486C74

#744856

#746648

Tetradic

#486C74

#664874

#745048

#567448

Color Blindness Simulation

Original

#486C74

Protanopia

#585872

Deuteranopia

#565372

Tritanopia

#4A7170

Achromatopsia

#656565

CSS Usage

background-color: #486C74;
color: #486C74;
border-color: #486C74;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEFF1
200
#D3E1E4
300
#B3CBD0
400
#8BAFB7
500
#62929D
600
#4E757E
700
#3F5E65
800
#31494F
900
#26373B
950
#182325

Contrast Checker

Text on white

5,72:1

AA Pass AAA Fail

Text on black

3,67:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026