#3BBAAD

#3BBAAD

Color Values

HEX

#3BBAAD

RGB

59, 186, 173

HSL

173.9, 51.8%, 48.0%

HSV

173.9, 68.3%, 72.9%

CMYK

68.3%, 0.0%, 7.0%, 27.1%

OKLCH

0.7173 0.1105 185.2

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3BBAAD

#BA3B48

Analogous

#3BBA6E

#3B87BA

#3BBAAD

Triadic

#3BBAAD

#AD3BBA

#BAAD3B

Split Complementary

#3BBAAD

#BA3B87

#BA6E3B

Tetradic

#3BBAAD

#6E3BBA

#BA3B48

#87BA3B

Color Blindness Simulation

Original

#3BBAAD

Protanopia

#7273B0

Deuteranopia

#6B61B1

Tritanopia

#41B3B3

Achromatopsia

#9E9E9E

CSS Usage

background-color: #3BBAAD;
color: #3BBAAD;
border-color: #3BBAAD;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EEEA
300
#A2E2DB
400
#70D2C8
500
#3DC2B4
600
#319B90
700
#277C73
800
#1F615A
900
#1A4742
950
#102D2A

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.81:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026