#307274

#307274

Color Values

HEX

#307274

RGB

48, 114, 116

HSL

181.8, 41.5%, 32.2%

HSV

181.8, 58.6%, 45.5%

CMYK

58.6%, 1.7%, 0.0%, 54.5%

OKLCH

0.5107 0.0665 198.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#307274

#743230

Analogous

#307454

#305074

#307274

Triadic

#307274

#743072

#727430

Split Complementary

#307274

#743050

#745430

Tetradic

#307274

#543074

#743230

#507430

Color Blindness Simulation

Original

#307274

Protanopia

#4D4D74

Deuteranopia

#494473

Tritanopia

#337373

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CCE9EA
300
#A8DADB
400
#79C5C8
500
#4BB1B4
600
#3C8E90
700
#307173
800
#25595A
900
#1E4143
950
#13292A

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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