#5262CF

#5262CF

Color Values

HEX

#5262CF

RGB

82, 98, 207

HSL

232.3, 56.6%, 56.7%

HSV

232.3, 60.4%, 81.2%

CMYK

60.4%, 52.7%, 0.0%, 18.8%

OKLCH

0.5421 0.1678 273.2

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#5262CF

#CFBF52

Analogous

#52A1CF

#8152CF

#5262CF

Triadic

#5262CF

#CF5262

#62CF52

Split Complementary

#5262CF

#CF8152

#A1CF52

Tetradic

#5262CF

#CF52A1

#CFBF52

#52CF81

Color Blindness Simulation

Original

#5262CF

Protanopia

#5959B5

Deuteranopia

#5857AE

Tritanopia

#53A09B

Achromatopsia

#666666

CSS Usage

background-color: #5262CF;
color: #5262CF;
border-color: #5262CF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F6
200
#C7CCF0
300
#9FA8E4
400
#6B79D6
500
#374AC8
600
#2C3BA0
700
#232F80
800
#1C2564
900
#181E49
950
#0F132E

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026