#245A88

#245A88

Color Values

HEX

#245A88

RGB

36, 90, 136

HSL

207.6, 58.1%, 33.7%

HSV

207.6, 73.5%, 53.3%

CMYK

73.5%, 33.8%, 0.0%, 46.7%

OKLCH

0.4544 0.0944 247.5

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#245A88

#885224

Analogous

#248884

#242888

#245A88

Triadic

#245A88

#88245A

#5A8824

Split Complementary

#245A88

#882428

#888424

Tetradic

#245A88

#842488

#885224

#288824

Color Blindness Simulation

Original

#245A88

Protanopia

#3B3C7D

Deuteranopia

#38347A

Tritanopia

#277472

Achromatopsia

#525252

CSS Usage

background-color: #245A88;
color: #245A88;
border-color: #245A88;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C7DDF0
300
#9EC5E5
400
#6AA5D7
500
#3585CA
600
#2B6BA1
700
#225581
800
#1B4365
900
#17324A
950
#0F202F

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026