#384675

#384675

Color Values

HEX

#384675

RGB

56, 70, 117

HSL

226.2, 35.3%, 33.9%

HSV

226.2, 52.1%, 45.9%

CMYK

52.1%, 40.2%, 0.0%, 54.1%

OKLCH

0.4053 0.0812 270.0

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#384675

#756738

Analogous

#386475

#483875

#384675

Triadic

#384675

#753846

#467538

Split Complementary

#384675

#754838

#647538

Tetradic

#384675

#753864

#756738

#387548

Color Blindness Simulation

Original

#384675

Protanopia

#3E3E6A

Deuteranopia

#3D3C67

Tritanopia

#39615F

Achromatopsia

#464646

CSS Usage

background-color: #384675;
color: #384675;
border-color: #384675;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CFD4E8
300
#ACB6D7
400
#7F8FC2
500
#5267AD
600
#42538A
700
#35426E
800
#293456
900
#212840
950
#151928

Contrast Checker

Text on white

9.13:1

AA Pass AAA Pass

Text on black

2.3:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026