#3B8068

#3B8068

Color Values

HEX

#3B8068

RGB

59, 128, 104

HSL

159.1, 36.9%, 36.7%

HSV

159.1, 53.9%, 50.2%

CMYK

53.9%, 0.0%, 18.8%, 49.8%

OKLCH

0.5479 0.0802 168.1

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#3B8068

#803B53

Analogous

#3B8046

#3B7680

#3B8068

Triadic

#3B8068

#683B80

#80683B

Split Complementary

#3B8068

#803B76

#80463B

Tetradic

#3B8068

#463B80

#803B53

#76803B

Color Blindness Simulation

Original

#3B8068

Protanopia

#59596E

Deuteranopia

#55506F

Tritanopia

#3E7273

Achromatopsia

#707070

CSS Usage

background-color: #3B8068;
color: #3B8068;
border-color: #3B8068;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8DF
300
#ABD8C9
400
#7EC3AB
500
#50AF8E
600
#408C71
700
#33705B
800
#285747
900
#204135
950
#142922

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026