#526BCD

#526BCD

Color Values

HEX

#526BCD

RGB

82, 107, 205

HSL

227.8, 55.2%, 56.3%

HSV

227.8, 60.0%, 80.4%

CMYK

60.0%, 47.8%, 0.0%, 19.6%

OKLCH

0.5585 0.1536 270.1

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#526BCD

#CDB452

Analogous

#52A9CD

#7752CD

#526BCD

Triadic

#526BCD

#CD526B

#6BCD52

Split Complementary

#526BCD

#CD7752

#A9CD52

Tetradic

#526BCD

#CD52A9

#CDB452

#52CD77

Color Blindness Simulation

Original

#526BCD

Protanopia

#5D5DB5

Deuteranopia

#5B5AB0

Tritanopia

#53A39E

Achromatopsia

#6D6D6D

CSS Usage

background-color: #526BCD;
color: #526BCD;
border-color: #526BCD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F5FB
100
#E5E8F6
200
#C8D0EF
300
#A0AEE4
400
#6D82D5
500
#3956C6
600
#2E459E
700
#25377F
800
#1D2B63
900
#182249
950
#0F162E

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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