#43648F

#43648F

Color Values

HEX

#43648F

RGB

67, 100, 143

HSL

213.9, 36.2%, 41.2%

HSV

213.9, 53.1%, 56.1%

CMYK

53.1%, 30.1%, 0.0%, 43.9%

OKLCH

0.4971 0.0793 255.5

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#43648F

#8F6E43

Analogous

#438A8F

#48438F

#43648F

Triadic

#43648F

#8F4364

#648F43

Split Complementary

#43648F

#8F4843

#8A8F43

Tetradic

#43648F

#8F438A

#8F6E43

#438F48

Color Blindness Simulation

Original

#43648F

Protanopia

#515285

Deuteranopia

#4F4D82

Tritanopia

#457C7B

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CEDAE8
300
#ACBFD8
400
#7E9CC3
500
#5179AE
600
#41618B
700
#344E6F
800
#293D57
900
#212E40
950
#151D29

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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