#4097BF

#4097BF

Color Values

HEX

#4097BF

RGB

64, 151, 191

HSL

198.9, 49.8%, 50.0%

HSV

198.9, 66.5%, 74.9%

CMYK

66.5%, 20.9%, 0.0%, 25.1%

OKLCH

0.6404 0.1018 231.3

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#4097BF

#BF6840

Analogous

#40BFA8

#4057BF

#4097BF

Triadic

#4097BF

#BF4097

#97BF40

Split Complementary

#4097BF

#BF4057

#BFA840

Tetradic

#4097BF

#A840BF

#BF6840

#57BF40

Color Blindness Simulation

Original

#4097BF

Protanopia

#6666B5

Deuteranopia

#615AB3

Tritanopia

#44AEAC

Achromatopsia

#878787

CSS Usage

background-color: #4097BF;
color: #4097BF;
border-color: #4097BF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#CAE2ED
300
#A3CDE0
400
#72B2D0
500
#4097BF
600
#337999
700
#29617A
800
#204B5F
900
#1B3846
950
#11242C

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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