#30737B

#30737B

Color Values

HEX

#30737B

RGB

48, 115, 123

HSL

186.4, 43.9%, 33.5%

HSV

186.4, 61.0%, 48.2%

CMYK

61.0%, 6.5%, 0.0%, 51.8%

OKLCH

0.5161 0.0681 206.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#30737B

#7B3830

Analogous

#307B5D

#304D7B

#30737B

Triadic

#30737B

#7B3073

#737B30

Split Complementary

#30737B

#7B304D

#7B5D30

Tetradic

#30737B

#5D307B

#7B3830

#4D7B30

Color Blindness Simulation

Original

#30737B

Protanopia

#4D4E79

Deuteranopia

#494479

Tritanopia

#337877

Achromatopsia

#656565

CSS Usage

background-color: #30737B;
color: #30737B;
border-color: #30737B;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CCE8EB
300
#A7D7DD
400
#77C1CA
500
#48ACB7
600
#398993
700
#2E6E75
800
#24565C
900
#1D4044
950
#13282B

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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