#24757F

#24757F

Color Values

HEX

#24757F

RGB

36, 117, 127

HSL

186.6, 55.8%, 32.0%

HSV

186.6, 71.7%, 49.8%

CMYK

71.7%, 7.9%, 0.0%, 50.2%

OKLCH

0.519 0.077 206.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#24757F

#7F2E24

Analogous

#247F5C

#24487F

#24757F

Triadic

#24757F

#7F2475

#757F24

Split Complementary

#24757F

#7F2448

#7F5C24

Tetradic

#24757F

#5C247F

#7F2E24

#487F24

Color Blindness Simulation

Original

#24757F

Protanopia

#47487D

Deuteranopia

#423C7C

Tritanopia

#287B7A

Achromatopsia

#656565

CSS Usage

background-color: #24757F;
color: #24757F;
border-color: #24757F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#A0DCE4
400
#6CCAD5
500
#38B7C7
600
#2D929F
700
#24757F
800
#1C5B63
900
#184349
950
#0F2B2E

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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