#4397BC

#4397BC

Color Values

HEX

#4397BC

RGB

67, 151, 188

HSL

198.3, 47.5%, 50.0%

HSV

198.3, 64.4%, 73.7%

CMYK

64.4%, 19.7%, 0.0%, 26.3%

OKLCH

0.6401 0.0977 229.9

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#4397BC

#BC6843

Analogous

#43BCA4

#435BBC

#4397BC

Triadic

#4397BC

#BC4397

#97BC43

Split Complementary

#4397BC

#BC435B

#BCA443

Tetradic

#4397BC

#A443BC

#BC6843

#5BBC43

Color Blindness Simulation

Original

#4397BC

Protanopia

#6768B3

Deuteranopia

#625CB1

Tritanopia

#47ACAA

Achromatopsia

#888888

CSS Usage

background-color: #4397BC;
color: #4397BC;
border-color: #4397BC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CAE2EC
300
#A5CDDF
400
#74B2CD
500
#4397BC
600
#367996
700
#2B6178
800
#214C5E
900
#1C3945
950
#12242C

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass 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