#40598F

#40598F

Color Values

HEX

#40598F

RGB

64, 89, 143

HSL

221.0, 38.2%, 40.6%

HSV

221.0, 55.2%, 56.1%

CMYK

55.2%, 37.8%, 0.0%, 43.9%

OKLCH

0.4699 0.0931 264.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#40598F

#8F7640

Analogous

#40818F

#4E408F

#40598F

Triadic

#40598F

#8F4059

#598F40

Split Complementary

#40598F

#8F4E40

#818F40

Tetradic

#40598F

#8F4081

#8F7640

#408F4E

Color Blindness Simulation

Original

#40598F

Protanopia

#4B4B82

Deuteranopia

#49487F

Tritanopia

#417875

Achromatopsia

#585858

CSS Usage

background-color: #40598F;
color: #40598F;
border-color: #40598F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CED6E9
300
#AAB9D9
400
#7D93C5
500
#4F6EB0
600
#3F588D
700
#324671
800
#273758
900
#202A41
950
#141B29

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

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