#465D82

#465D82

Color Values

HEX

#465D82

RGB

70, 93, 130

HSL

217.0, 30.0%, 39.2%

HSV

217.0, 46.2%, 51.0%

CMYK

46.2%, 28.5%, 0.0%, 49.0%

OKLCH

0.4758 0.0665 259.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#465D82

#826B46

Analogous

#467B82

#4D4682

#465D82

Triadic

#465D82

#82465D

#5D8246

Split Complementary

#465D82

#824D46

#7B8246

Tetradic

#465D82

#82467B

#826B46

#46824D

Color Blindness Simulation

Original

#465D82

Protanopia

#505079

Deuteranopia

#4F4D77

Tritanopia

#477270

Achromatopsia

#5B5B5B

CSS Usage

background-color: #465D82;
color: #465D82;
border-color: #465D82;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#AFBED4
400
#849ABD
500
#5977A6
600
#475F85
700
#394C6A
800
#2D3B53
900
#232D3E
950
#161D27

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026