#488068

#488068

Color Values

HEX

#488068

RGB

72, 128, 104

HSL

154.3, 28.0%, 39.2%

HSV

154.3, 43.8%, 50.2%

CMYK

43.8%, 0.0%, 18.8%, 49.8%

OKLCH

0.5539 0.0709 164.6

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#488068

#804860

Analogous

#48804C

#487C80

#488068

Triadic

#488068

#684880

#806848

Split Complementary

#488068

#80487C

#804C48

Tetradic

#488068

#4C4880

#804860

#7C8048

Color Blindness Simulation

Original

#488068

Protanopia

#60616E

Deuteranopia

#5D596F

Tritanopia

#4B7273

Achromatopsia

#727272

CSS Usage

background-color: #488068;
color: #488068;
border-color: #488068;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D1E5DD
300
#B1D3C4
400
#86BBA4
500
#5CA385
600
#49836A
700
#3B6855
800
#2E5242
900
#243D32
950
#172620

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026