#526BA9

#526BA9

Color Values

HEX

#526BA9

RGB

82, 107, 169

HSL

222.8, 34.7%, 49.2%

HSV

222.8, 51.5%, 66.3%

CMYK

51.5%, 36.7%, 0.0%, 33.7%

OKLCH

0.5363 0.1021 266.4

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#526BA9

#A99052

Analogous

#5296A9

#6552A9

#526BA9

Triadic

#526BA9

#A9526B

#6BA952

Split Complementary

#526BA9

#A96552

#96A952

Tetradic

#526BA9

#A95296

#A99052

#52A965

Color Blindness Simulation

Original

#526BA9

Protanopia

#5D5D9A

Deuteranopia

#5B5A96

Tritanopia

#538E8C

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E8
300
#ADB9D7
400
#8093C1
500
#536DAC
600
#435789
700
#35466E
800
#2A3656
900
#212A40
950
#151B28

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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