#486295

#486295

Color Values

HEX

#486295

RGB

72, 98, 149

HSL

219.7, 34.8%, 43.3%

HSV

219.7, 51.7%, 58.4%

CMYK

51.7%, 34.2%, 0.0%, 41.6%

OKLCH

0.4988 0.0877 263.0

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#486295

#957B48

Analogous

#488895

#544895

#486295

Triadic

#486295

#954862

#629548

Split Complementary

#486295

#955448

#889548

Tetradic

#486295

#954888

#957B48

#489554

Color Blindness Simulation

Original

#486295

Protanopia

#535389

Deuteranopia

#525086

Tritanopia

#497F7D

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E8
300
#ADBBD7
400
#8096C1
500
#5371AC
600
#435B89
700
#35486E
800
#2A3956
900
#212C40
950
#151C28

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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