#30745E

#30745E

Color Values

HEX

#30745E

RGB

48, 116, 94

HSL

160.6, 41.5%, 32.2%

HSV

160.6, 58.6%, 45.5%

CMYK

58.6%, 0.0%, 19.0%, 54.5%

OKLCH

0.5086 0.0779 169.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#30745E

#743046

Analogous

#30743C

#306874

#30745E

Triadic

#30745E

#5E3074

#745E30

Split Complementary

#30745E

#743068

#743C30

Tetradic

#30745E

#3C3074

#743046

#687430

Color Blindness Simulation

Original

#30745E

Protanopia

#4D4E63

Deuteranopia

#4A4465

Tritanopia

#336868

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CCEAE1
300
#A8DBCB
400
#79C8AE
500
#4BB492
600
#3C9075
700
#30735E
800
#255A49
900
#1E4337
950
#132A23

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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