#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026