#3581BA

#3581BA

Color Values

HEX

#3581BA

RGB

53, 129, 186

HSL

205.7, 55.6%, 46.9%

HSV

205.7, 71.5%, 72.9%

CMYK

71.5%, 30.6%, 0.0%, 27.1%

OKLCH

0.5823 0.115 244.5

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#3581BA

#BA6E35

Analogous

#35BAB1

#353FBA

#3581BA

Triadic

#3581BA

#BA3581

#81BA35

Split Complementary

#3581BA

#BA353F

#BAB135

Tetradic

#3581BA

#B135BA

#BA6E35

#3FBA35

Color Blindness Simulation

Original

#3581BA

Protanopia

#5657AC

Deuteranopia

#524CA9

Tritanopia

#39A19F

Achromatopsia

#757575

CSS Usage

background-color: #3581BA;
color: #3581BA;
border-color: #3581BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DEEF
300
#A0C7E4
400
#6CA8D5
500
#398AC6
600
#2D6E9F
700
#24587F
800
#1C4563
900
#183449
950
#0F212E

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass 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