#307771

#307771

Color Values

HEX

#307771

RGB

48, 119, 113

HSL

174.9, 42.5%, 32.7%

HSV

174.9, 59.7%, 46.7%

CMYK

59.7%, 0.0%, 5.0%, 53.3%

OKLCH

0.5228 0.0713 187.6

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#307771

#773036

Analogous

#30774D

#305977

#307771

Triadic

#307771

#713077

#777130

Split Complementary

#307771

#773059

#774D30

Tetradic

#307771

#4D3077

#773036

#597730

Color Blindness Simulation

Original

#307771

Protanopia

#4F4F72

Deuteranopia

#4B4573

Tritanopia

#347474

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F4F3
200
#CCEAE8
300
#A8DCD7
400
#79C9C2
500
#49B6AC
600
#3B918A
700
#2F746E
800
#255B56
900
#1E4340
950
#132A28

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026