#486D70

#486D70

Color Values

HEX

#486D70

RGB

72, 109, 112

HSL

184.5, 21.7%, 36.1%

HSV

184.5, 35.7%, 43.9%

CMYK

35.7%, 2.7%, 0.0%, 56.1%

OKLCH

0.5081 0.0422 202.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#486D70

#704B48

Analogous

#48705F

#485970

#486D70

Triadic

#486D70

#70486D

#6D7048

Split Complementary

#486D70

#704859

#705F48

Tetradic

#486D70

#5F4870

#704B48

#597048

Color Blindness Simulation

Original

#486D70

Protanopia

#58586F

Deuteranopia

#56536F

Tritanopia

#4A6F6F

Achromatopsia

#656565

CSS Usage

background-color: #486D70;
color: #486D70;
border-color: #486D70;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCF
400
#8CB2B5
500
#64979B
600
#50797C
700
#406163
800
#324C4E
900
#27383A
950
#192425

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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