#3F9AA2

#3F9AA2

Color Values

HEX

#3F9AA2

RGB

63, 154, 162

HSL

184.8, 44.0%, 44.1%

HSV

184.8, 61.1%, 63.5%

CMYK

61.1%, 4.9%, 0.0%, 36.5%

OKLCH

0.6353 0.086 203.2

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#3F9AA2

#A2473F

Analogous

#3FA278

#3F69A2

#3F9AA2

Triadic

#3F9AA2

#A23F9A

#9AA23F

Split Complementary

#3F9AA2

#A23F69

#A2783F

Tetradic

#3F9AA2

#783FA2

#A2473F

#69A23F

Color Blindness Simulation

Original

#3F9AA2

Protanopia

#6667A0

Deuteranopia

#615AA0

Tritanopia

#449F9E

Achromatopsia

#878787

CSS Usage

background-color: #3F9AA2;
color: #3F9AA2;
border-color: #3F9AA2;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CCE8EB
300
#A7D8DD
400
#77C4CA
500
#47AFB8
600
#398C93
700
#2E7076
800
#24575C
900
#1D4144
950
#12292B

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass 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