#40648D

#40648D

Color Values

HEX

#40648D

RGB

64, 100, 141

HSL

211.9, 37.6%, 40.2%

HSV

211.9, 54.6%, 55.3%

CMYK

54.6%, 29.1%, 0.0%, 44.7%

OKLCH

0.4944 0.0781 252.6

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#40648D

#8D6940

Analogous

#408B8D

#42408D

#40648D

Triadic

#40648D

#8D4064

#648D40

Split Complementary

#40648D

#8D4240

#8B8D40

Tetradic

#40648D

#8D408B

#8D6940

#408D42

Color Blindness Simulation

Original

#40648D

Protanopia

#505083

Deuteranopia

#4E4B81

Tritanopia

#427B7A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #40648D;
color: #40648D;
border-color: #40648D;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#ABC0D9
400
#7D9EC4
500
#507CAF
600
#40648C
700
#335070
800
#283E58
900
#202F41
950
#141E29

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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