#40468C

#40468C

Color Values

HEX

#40468C

RGB

64, 70, 140

HSL

235,3, 37,3%, 40,0%

HSV

235,3, 54,3%, 54,9%

CMYK

54,3%, 50,0%, 0,0%, 45,1%

OKLCH

0,4263 0,1144 276,7

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#40468C

#8C8640

Analogous

#406C8C

#60408C

#40468C

Triadic

#40468C

#8C4046

#468C40

Split Complementary

#40468C

#8C6040

#6C8C40

Tetradic

#40468C

#8C406C

#8C8640

#408C60

Color Blindness Simulation

Original

#40468C

Protanopia

#43437B

Deuteranopia

#424277

Tritanopia

#406E6B

Achromatopsia

#4A4A4A

CSS Usage

background-color: #40468C;
color: #40468C;
border-color: #40468C;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#ABAFD9
400
#7D83C4
500
#5057AF
600
#40468C
700
#333870
800
#282C58
900
#202341
950
#141629

Contrast Checker

Text on white

8,49:1

AA Pass AAA Pass

Text on black

2,47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026