#465286

#465286

Color Values

HEX

#465286

RGB

70, 82, 134

HSL

228,8, 31,4%, 40,0%

HSV

228,8, 47,8%, 52,5%

CMYK

47,8%, 38,8%, 0,0%, 47,5%

OKLCH

0,4528 0,0864 272,7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#465286

#867A46

Analogous

#467286

#5A4686

#465286

Triadic

#465286

#864652

#528646

Split Complementary

#465286

#865A46

#728646

Tetradic

#465286

#864672

#867A46

#46865A

Color Blindness Simulation

Original

#465286

Protanopia

#4B4B79

Deuteranopia

#4A4A76

Tritanopia

#476F6D

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8EAF2
200
#D0D4E7
300
#AFB6D5
400
#838EBE
500
#5766A8
600
#465286
700
#38426B
800
#2C3354
900
#23283E
950
#161927

Contrast Checker

Text on white

7,47:1

AA Pass AAA Pass

Text on black

2,81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026