#4165BE

#4165BE

Color Values

HEX

#4165BE

RGB

65, 101, 190

HSL

222.7, 49.0%, 50.0%

HSV

222.7, 65.8%, 74.5%

CMYK

65.8%, 46.8%, 0.0%, 25.5%

OKLCH

0.5267 0.1455 265.2

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#4165BE

#BE9A41

Analogous

#41A4BE

#5B41BE

#4165BE

Triadic

#4165BE

#BE4165

#65BE41

Split Complementary

#4165BE

#BE5B41

#A4BE41

Tetradic

#4165BE

#BE41A4

#BE9A41

#41BE5B

Color Blindness Simulation

Original

#4165BE

Protanopia

#5151A8

Deuteranopia

#4E4CA3

Tritanopia

#439794

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD4ED
300
#A4B5E0
400
#728DCF
500
#4165BE
600
#345198
700
#2A417A
800
#21335F
900
#1B2746
950
#11192C

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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