#244B53

#244B53

Color Values

HEX

#244B53

RGB

36, 75, 83

HSL

190.2, 39.5%, 23.3%

HSV

190.2, 56.6%, 32.5%

CMYK

56.6%, 9.6%, 0.0%, 67.5%

OKLCH

0.3878 0.0461 212.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#244B53

#532C24

Analogous

#245343

#243353

#244B53

Triadic

#244B53

#53244B

#4B5324

Split Complementary

#244B53

#532433

#534324

Tetradic

#244B53

#432453

#532C24

#335324

Color Blindness Simulation

Original

#244B53

Protanopia

#353551

Deuteranopia

#333051

Tritanopia

#26504F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5E9
300
#AAD2DA
400
#7BB9C6
500
#4DA1B2
600
#3E818E
700
#316772
800
#275059
900
#1F3C42
950
#142629

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026