#415168

#415168

Color Values

HEX

#415168

RGB

65, 81, 104

HSL

215.4, 23.1%, 33.1%

HSV

215.4, 37.5%, 40.8%

CMYK

37.5%, 22.1%, 0.0%, 59.2%

OKLCH

0.4309 0.0434 257.4

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#415168

#685841

Analogous

#416468

#444168

#415168

Triadic

#415168

#684151

#516841

Split Complementary

#415168

#684441

#646841

Tetradic

#415168

#684164

#685841

#416844

Color Blindness Simulation

Original

#415168

Protanopia

#484862

Deuteranopia

#474661

Tritanopia

#425E5D

Achromatopsia

#4F4F4F

CSS Usage

background-color: #415168;
color: #415168;
border-color: #415168;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F7F9
100
#EAEDF1
200
#D3DAE4
300
#B4BFD0
400
#8B9DB6
500
#627A9D
600
#4E627E
700
#3F4E64
800
#313D4E
900
#262F3B
950
#181D25

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

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