#4166BE

#4166BE

Color Values

HEX

#4166BE

RGB

65, 102, 190

HSL

222.2, 49.0%, 50.0%

HSV

222.2, 65.8%, 74.5%

CMYK

65.8%, 46.3%, 0.0%, 25.5%

OKLCH

0.5288 0.1443 264.8

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#4166BE

#BE9941

Analogous

#41A5BE

#5A41BE

#4166BE

Triadic

#4166BE

#BE4166

#66BE41

Split Complementary

#4166BE

#BE5A41

#A5BE41

Tetradic

#4166BE

#BE41A5

#BE9941

#41BE5A

Color Blindness Simulation

Original

#4166BE

Protanopia

#5151A9

Deuteranopia

#4F4CA4

Tritanopia

#439894

Achromatopsia

#646464

CSS Usage

background-color: #4166BE;
color: #4166BE;
border-color: #4166BE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD4ED
300
#A4B6E0
400
#728ECF
500
#4166BE
600
#345298
700
#2A417A
800
#21335F
900
#1B2846
950
#11192C

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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