#3F7378

#3F7378

Color Values

HEX

#3F7378

RGB

63, 115, 120

HSL

185.3, 31.1%, 35.9%

HSV

185.3, 47.5%, 47.1%

CMYK

47.5%, 4.2%, 0.0%, 52.9%

OKLCH

0.5214 0.0562 203.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#3F7378

#78443F

Analogous

#3F7861

#3F5778

#3F7378

Triadic

#3F7378

#783F73

#73783F

Split Complementary

#3F7378

#783F57

#78613F

Tetradic

#3F7378

#613F78

#78443F

#57783F

Color Blindness Simulation

Original

#3F7378

Protanopia

#565677

Deuteranopia

#524F76

Tritanopia

#427676

Achromatopsia

#686868

CSS Usage

background-color: #3F7378;
color: #3F7378;
border-color: #3F7378;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E4E6
300
#AFD1D5
400
#83B9BE
500
#58A0A7
600
#468086
700
#38666B
800
#2C5054
900
#233C3E
950
#162627

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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