#4166B1

#4166B1

Color Values

HEX

#4166B1

RGB

65, 102, 177

HSL

220.2, 46.3%, 47.5%

HSV

220.2, 63.3%, 69.4%

CMYK

63.3%, 42.4%, 0.0%, 30.6%

OKLCH

0.5204 0.1261 263.0

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4166B1

#B18C41

Analogous

#419EB1

#5441B1

#4166B1

Triadic

#4166B1

#B14166

#66B141

Split Complementary

#4166B1

#B15441

#9EB141

Tetradic

#4166B1

#B1419E

#B18C41

#41B154

Color Blindness Simulation

Original

#4166B1

Protanopia

#51519F

Deuteranopia

#4F4C9A

Tritanopia

#43918D

Achromatopsia

#646464

CSS Usage

background-color: #4166B1;
color: #4166B1;
border-color: #4166B1;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EC
300
#A5B8DE
400
#7592CC
500
#446BBB
600
#375695
700
#2C4577
800
#22365D
900
#1C2A45
950
#121A2B

Contrast Checker

Text on white

5.58:1

AA Pass AAA Fail

Text on black

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