#245467

#245467

Color Values

HEX

#245467

RGB

36, 84, 103

HSL

197.0, 48.2%, 27.3%

HSV

197.0, 65.0%, 40.4%

CMYK

65.0%, 18.4%, 0.0%, 59.6%

OKLCH

0.4213 0.0605 226.9

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#245467

#673724

Analogous

#246759

#243367

#245467

Triadic

#245467

#672454

#546724

Split Complementary

#245467

#672433

#675924

Tetradic

#245467

#592467

#673724

#336724

Color Blindness Simulation

Original

#245467

Protanopia

#393962

Deuteranopia

#363261

Tritanopia

#265F5E

Achromatopsia

#4B4B4B

CSS Usage

background-color: #245467;
color: #245467;
border-color: #245467;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CAE3ED
300
#A4CFDF
400
#73B4CE
500
#429ABD
600
#357B97
700
#2A6379
800
#214D5E
900
#1B3A45
950
#11242C

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026